jquery ui tabs slidedown,slideup effect

时间:2015-12-14 22:41:16

标签: jquery user-interface tabs hide show

我添加了jQuery标签,我想要实现的效果是向下滑动和向上滑动动作。现在,当您转到页面时,它默认为一个始终打开。如何使它们默认为关闭?这是代码

jQuery(document).ready(function($) {
    $( ".tabs" ).tabs({
show: {effect: 'slideDown'},
hide: {effect: 'slideUp'}

});
({
collapsible: true, active : 'none'
});
return false;
});

/*-------HTML-----------*/

<ul>
<li class="button"><a href="#tabs1">WHAT'S IN THE BAG</a></li>
<li class="button"><a href="#tabs3">PLAYER HISTORY</a></li>
</ul>

<div class="slidingDiv" data-role="collapsible">CONTENT</div>
<div class="slidingDiv2" data-role="collapsible">CONTENT</div>

0 个答案:

没有答案