如何使jQuery UI手风琴切换

手风琴本身很容易切换，我不得不使用jQuery的UI手风琴，因为可以轻松地添加书签链接。在这一点上，我可以得到一个手风琴效果（从头开始）切换，没有可收藏的链接，或者获得与用户界面的书签链接，并且不会切换。我希望能够折叠所有的手风琴内容，也就是说，如果您在触发器展开后单击该触发器，第二次点击就会关闭它。这里是我有：如何使jQuery UI手风琴切换

$(function() { 
    //basic accordion settings 
    $('#accWrap').accordion({ 
     active: false, 
     alwaysOpen: false, 
     autoHeight: false, 
     navigation: true, 
     collapsable: true, 
     header: '.accButton' 
    }); 

    //attempt at toggling - does not work correctly 
    //$('.accButton').click(function() { 
    //$(this).next().toggle(); 
    //return false; 
    //}).next().hide(); 

    //bookmarkable function 
    $(".accButton").click(function(event){ 
     window.location.hash=this.hash; 
    }); 
});

任何人都看到任何明显错误或我可以合并切换功能的方式？一如既往，我感谢帮助！

thx

来源

2011-05-20 Dirty Bird Design

你是说你想同时扩展多个部分？ – namuol 2011-05-20 13:13:37

不，我希望能够切换内容区域，也就是说，如果单击“headerA”一次，它的内容就会显示出来。再次点击“headerA”并关闭内容。我已经设置好了，以便它不必打开一个，但我希望能够双击（？）标题并关闭它。 – 2011-05-20 13:15:02

嗨我不知道这是你想达到什么。但是，这是我用什么..

岂不等于从here

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> 
<script language="javascript"> 
$(document).ready(function() 
{ 
    //hide the all of the element with class msg_body 
    $(".msg_body").hide(); 
    //toggle the componenet with class msg_body 
    $(".hidebox_head").click(function() 
    { 
    $(this).next(".msg_body").slideToggle(600); 
    }); 
}); 
</script> 
</head> 
<body> 
<div class="msg_head"> 
click me</div> 
<div class="msg_body"> 
alksdjf löaskdjf ölaskjdöflkjas dlfkj asödlk 
</div> 
</body> 
</html>

来源

2011-05-20 13:13:24 Ahlqvist

够简单，但我需要可加入书签的散列函数，这就是为什么我要使用UI。正如我所说的除了书签/散列之外的切换功能很容易，它的组合它们给我的问题。 thx人。 – 2011-05-20 13:15:57

抢走看起来你拼错的“可折叠”。尝试用“我”拼写它“可折叠”。

来源

2011-06-29 15:22:24 Kevin

这是一个老话题，但因为我一直在寻找自己的答案，并发现它在jQuery UI accordion doc：

<script> 
    $(function() { 
     $("#accWrap").accordion({ 
      collapsible: true 
     }); 
    }); 
</script>

“可折叠”在你的代码拼写错误，它缺少了“我”。

来源

2012-10-31 14:01:04 yogoo

如何使jQuery UI手风琴切换

回答

相关问题