
// initialize the jquery code
 $(document).ready(function(){
//close all the content divs on page load
$('.mover').hide();

// toggle slide
$('#slideToggle').click(function(){
// by calling sibling, we can use same div for all demos
$(this).siblings('.mover').slideToggle();
});

// toggle slide
$('#slideToggle1').click(function(){
// by calling sibling, we can use same div for all demos
$(this).siblings('.mover').slideToggle();
});


// toggle slide
$('#slideToggle2').click(function(){
// by calling sibling, we can use same div for all demos
$(this).siblings('.mover').slideToggle();
});

// toggle slide
$('#slideToggle3').click(function(){
// by calling sibling, we can use same div for all demos
$(this).siblings('.mover').slideToggle();
});

// toggle slide
$('#slideToggle4').click(function(){
// by calling sibling, we can use same div for all demos
$(this).siblings('.mover').slideToggle();
});

// toggle slide
$('#slideToggle5').click(function(){
// by calling sibling, we can use same div for all demos
$(this).siblings('.mover').slideToggle();
});

// toggle slide
$('#slideToggle6').click(function(){
// by calling sibling, we can use same div for all demos
$(this).siblings('.mover').slideToggle();
});

// toggle slide
$('#slideToggle7').click(function(){
// by calling sibling, we can use same div for all demos
$(this).siblings('.mover').slideToggle();
});

// toggle slide
$('#slideToggle8').click(function(){
// by calling sibling, we can use same div for all demos
$(this).siblings('.mover').slideToggle();
});
// toggle slide
$('#slideToggle9').click(function(){
// by calling sibling, we can use same div for all demos
$(this).siblings('.mover').slideToggle();
});
// toggle slide
$('#slideToggle10').click(function(){
// by calling sibling, we can use same div for all demos
$(this).siblings('.mover').slideToggle();
});
// toggle slide
$('#slideToggle11').click(function(){
// by calling sibling, we can use same div for all demos
$(this).siblings('.mover').slideToggle();
});// toggle slide
$('#slideToggle12').click(function(){
// by calling sibling, we can use same div for all demos
$(this).siblings('.mover').slideToggle();
});// toggle slide
$('#slideToggle13').click(function(){
// by calling sibling, we can use same div for all demos
$(this).siblings('.mover').slideToggle();
});

// regular toggle with speed of 'slow'
$('#toggleSlow').click(function(){
$(this).siblings('.mover').toggle('slow');
});

// fade in and out
$('#fadeInOut').toggle(function() {
$(this).siblings('.mover').fadeIn('slow');
}, function() {
$(this).siblings('.mover').fadeOut('slow');
});


});
