JQuery切换按钮和手风琴问题

JQuery切换按钮和手风琴问题,jquery,accordion,toggle,jquery-ui-accordion,Jquery,Accordion,Toggle,Jquery Ui Accordion,我有一个“菜单”btn,应该滑开一个有“手风琴”菜单的div 当我为包含手风琴的div添加值hide()(在JS中)或“hidden”(在CSS中)时,手风琴将停止正常工作。当您使用菜单btn打开带有手风琴的div后,单击手风琴部分时,它不会查看其中的所有内容 我用手风琴隐藏div的原因是它应该关闭,直到你按下菜单btn 手风琴编码: <script type="text/javascript"> $(function() { // $('.effect').hid

我有一个“菜单”btn,应该滑开一个有“手风琴”菜单的div

当我为包含手风琴的div添加值hide()(在JS中)或“hidden”(在CSS中)时,手风琴将停止正常工作。当您使用菜单btn打开带有手风琴的div后,单击手风琴部分时,它不会查看其中的所有内容

我用手风琴隐藏div的原因是它应该关闭,直到你按下菜单btn

手风琴编码:

<script type="text/javascript">
    $(function() {
    //  $('.effect').hide();
        $("#moduleMenu1, #moduleMenu2").accordion({collapsible: true, active: false});
    });
</script>

$(函数(){
//$('.effect').hide();
$(“#moduleMenu1,#moduleMenu2”)。手风琴({可折叠:真,活动:假});
});
菜单btn的代码:

<script type="text/javascript">
    $(function() {
    $(".moduleMenuBtn").click(function() {
        var effect = $('slide').val();
        var options = {};
        $(this).parent().next(".effect").toggle(effect,options,500);
        return false;
    });
});
</script>

$(函数(){
$(“.moduleSubtn”)。单击(函数(){
var effect=$('slide').val();
var选项={};
$(this.parent().next(“.effect”).toggle(effect,options,500);
返回false;
});
});
请注意,菜单btn的脚本没有用手风琴“滑动”打开div,它只是在没有“滑动”动画的情况下弹出

HTML


一些内容


您的第一部分是正确的

$("#moduleMenu1, #moduleMenu2").accordion({
      collapsible: true, active: false
});
如果运行时只显示允许关闭的所有部分,而没有打开的部分

问题是您在菜单按钮上触发了click事件,该事件将打开
#moduleMenu1
打开的内容


实际上隐藏了整个菜单和内容部分,而不是您想要的

谢谢你,但它并没有真正得到解决办法=)祝你玩得愉快!使用其他菜单区域和.moduleSubtn按钮发布HTML的其余部分。
$("#moduleMenu1, #moduleMenu2").accordion({
      collapsible: true, active: false
});
$('.effect').hide();