Sissejuhatus (Näita)
Võimalused (Näita)
Kohandamine (Näita)
jQuery(this).parent().nextAll('div').slideDown('slow').removeClass('hide').preventDefault;
jQuery('#container1,#container2,#container3,#container4').slideDown('slow').removeClass('hide').preventDefault;
Kasutamine (Näita)
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
<!--
// Multiple ShowHideBlock 1.0
// www.webart.ee
$(document).ready(function(){
jQuery('.hide').hide();
jQuery('.showhider').toggle(function(){
jQuery(this).parent().nextAll('div').slideDown('fast').removeClass('hide').preventDefault;
jQuery(this).html('Peida kõik');
jQuery('#link1,#link2,#link3,#link4,#link5').removeClass('hide').html('Peida').preventDefault;
},function(){
jQuery(this).parent().nextAll('div').slideUp('fast').addClass('hide').preventDefault;
jQuery(this).html('Näita kõiki');
jQuery('#link1,#link2,#link3,#link4,#link5').addClass('hide').html('Näita').preventDefault;
})
jQuery('.showhide').toggle(function(){
jQuery(this).parent().next().slideDown('slow').removeClass('hide').preventDefault;
jQuery(this).html('Peida');
},function(){
jQuery(this).parent().next().slideUp('slow').addClass('hide').preventDefault;
jQuery(this).html('Näita');
})
});
-->
</script>
Nõuded (Näita)