手风琴问题

Question

让我们直接看看它：理论是一种手风琴 - 单击手风琴上的一个标题将滑下内容，然后单击一个单独的div将滑动它的父母（标题）备份。我想用这个，因为我更喜欢手风琴，它不会在每次点击另一个标题时滑回去。其实，因为我不太了解jquery，所以我的理论可能无法工作，所以如果有更简单的选择，我会使用它们！这是我到目前为止，但它绝对不工作。我希望这不是太模糊：

$('#nav > li > a').click(function() { 
    $(this).find(:first-child).slideDown(200); }); 

Answer 1

我认为这是你想要的。

有一个plugin

在这个手风琴选项卡将不会关闭，甚至当你打开了一个选项卡。

如果你想关闭它尝试this

还检查一些有用的插件在这个Site

如果您需要的代码那么这就是我们在这做

function() { 

var instance = this; 

// open/close item 
     this.$items.find('a:first').bind('click.accordion', function(event) { 

      var $item   = $(this).parent(); 

      // close any opened item if oneOpenedItem is true 
      if(instance.options.oneOpenedItem && instance._isOpened() && instance.current!== $item.index()) { 

       instance._toggleItem(instance.$items.eq(instance.current)); 

      } 

      // open/close item 
      instance._toggleItem($item); 

      return false; 

     });