// Animated hover effect #1
$(document).ready(function(){

	$(".menu a").hover(function() {
	  $(this).next("em").animate({opacity: "show", top: "-75"}, "slow");
	}, function() {
	  $(this).next("em").animate({opacity: "hide", top: "-80"}, "fast");
	});

});
$(document).ready(function(){

	$(".menuwide a").hover(function() {
	  $(this).next("em").animate({opacity: "show", top: "-75"}, "slow");
	}, function() {
	  $(this).next("em").animate({opacity: "hide", top: "-80"}, "fast");
	});

});
$(document).ready(function(){

	$(".menucomment a").hover(function() {
	  $(this).next("em").animate({opacity: "show", top: "-45"}, "slow");
	}, function() {
	  $(this).next("em").animate({opacity: "hide", top: "-75"}, "fast");
	});

});

// hover effect
$(document).ready(function() {
  $('div.demo-show h3').add('div.demo-show2 h3').hover(function() {
    $(this).addClass('hover');
  }, function() {
    $(this).removeClass('hover');
  });
});

// independently show and hide
$(document).ready(function() {
  $('div.demo-show:eq(0) > div').hide();  
  $('div.demo-show:eq(0) > h3').click(function() {
    $(this).next().slideToggle('slow');
  });
});

//simultaneous showing and hiding
$(document).ready(function() {
  $('div.demo-show2:eq(0) > div').hide();
  $('div.demo-show2:eq(0) > h3').click(function() {
    $(this).next('div').slideToggle('slow')
    .siblings('div:visible').slideUp('slow');
  });
});

$(document).ready(function() {
  $('div.demo-show3:eq(0) > div').hide();
  $('div.demo-show3:eq(0) > h3').click(function() {
    $(this).next('div').slideToggle('slow')
    .siblings('div:visible').slideUp('slow');
  });
});