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.1
// 12 march 2009
// www.webart.ee
jQuery(document).ready(function(){
jQuery('.hide').hide();
jQuery('.showhide').click(function(){
if(jQuery(this).parent().next().attr('class') != 'hide'){
jQuery(this).parent().next().slideUp('slow').addClass('hide').preventDefault;
jQuery(this).html('Näita');
} else {
jQuery(this).parent().next().slideDown('slow').removeClass('hide').preventDefault;
jQuery(this).html('Peida');
}
});
jQuery('.showhider').toggle(function(){
jQuery(this).parent().nextAll('div').slideDown('fast').removeClass('hide').preventDefault;
jQuery(this).html('Peida kõik');
jQuery('.showhide').html('Peida').preventDefault;
},function(){
jQuery(this).parent().nextAll('div').slideUp('fast').addClass('hide').preventDefault;
jQuery(this).html('Näita kõiki');
jQuery('.showhide').html('Näita').preventDefault;
})
return false;
});
</script>
Muudatused (Näita)
Versioon 1.1:
- Üksikelemendid avatakse ja suletakse nüüd click funktsiooni abil (kõrvaldab probleemid mis tekkisid seoses scripti multiavamise funktsiooniga).
- Multiavamise korral ei ole enam kindlate/unikaalsete klassinimede olemasolu vajalik
- jpm.
Versioon 1.0
Nõuded (Näita)