JQuery 模拟手机界面 手风琴菜单特效

<script type="text/javascript">

//<![CDATA[

$(document).ready(function() {

// Store variables

var accordion_head = $('.accordion > li > a'),

accordion_body = $('.accordion li > .sub-menu');

// Open the first tab on load

accordion_head.first().addClass('active').next().slideDown('normal');

// Click function

accordion_head.on('click', function(event) {

// Disable header links

event.preventDefault();

// Show and hide the tabs on click

if ($(this).attr('class') != 'active'){

accordion_body.slideUp('normal');

$(this).next().stop(true,true).slideToggle('normal');

accordion_head.removeClass('active');

$(this).addClass('active');

}

});

});

//]]>

</script>

 

jQuery手风琴菜单（模拟手机界面） - javascript代码库 - 云代码http://yuncode.net/code/c_53a707aed822c61