combining fadeIn and slideToggle with JQuery.1.9.1
I'm new to jQuery, an I'm using jQueryHeadFirst book to learn it.
The application demonstrated in first chapter of this book mixes fadeIn and slideToggle effects. It works fine with previous version of jQuery (1.6.2) but the fadeIn has no effect with the latest version 1.9.1. (tested with firefox and chrome)
Any hint ?
Here is the source code of the html page.
<!DOCTYPE html>
<html>
<head>
<title>Furry Friends Campaign V.1</title>
<style>
#clickMe {
background: #D8B36E;
padding: 20px;
text-align: center;
width: 205px;
display: block;
border: 2px solid #000;
}
#picFrame {
background: #D8B36E;
padding: 20px;
width: 205px;
display: none;
border: 2px solid #000;
}
</style>
</head>
<body>
<div id="clickMe">Show me the the Furry Friend of the Day/div>
<div id="picFrame">
<img src="images/furry_friend.jpg">
</div>
<script src="scripts/jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function(){
$("#clickMe").click(function() {
$("img").fadeIn(4000);
$("#picFrame").slideToggle("slow");
});
});
</script>
</body>
</html>