Got my first jQuery lesson this week, already like it a lot.
Here's what I made:
http://themavesite.com/Mave/School/2013-2014/jQuery/BasicGallery/
The code is extremely easy:
jQuery comes with all these neat little functions like .slideUp, .slideDown, .hover, .hide, .fadeTo,..
Here's what I made:
http://themavesite.com/Mave/School/2013-2014/jQuery/BasicGallery/
The code is extremely easy:
Code:
<script language="Javascript">
$(document).ready(function(){
$("div.slide div").hide();
$("div.menu a").hover(function(){
$(this).stop().fadeTo("fast",0.5);
},function(){
$(this).stop().fadeTo("fast",1);
});
$("div.menu a").click(function(e){
e.preventDefault();
var sId = $(this).attr("id");
console.log(sId)
$("div.slide div:not(." sId ")").slideUp();
$("div.slide div." sId).slideDown();
})
});
</script>
jQuery comes with all these neat little functions like .slideUp, .slideDown, .hover, .hide, .fadeTo,..