手风琴问题

时间:2012-12-11 05:59:17

标签: jquery html slidedown

让我们直截了当:理论是一种手风琴,这是一种方式 - 点击手风琴中的标题将滑下内容并单击内部的单独div将滑动其父级(标题)。我想使用它,因为我更喜欢手风琴,只要点击另一个标题,它就不会滑回。实际上,由于我不太了解jquery,我的理论可能不会起作用,所以如果有更简单的替代品,我会使用它们!这是我到目前为止所做的,但它绝对不起作用。我希望这不是太模糊:

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

1 个答案:

答案 0 :(得分: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;

        });