jQuery的显示/隐藏与切换/手风琴效果集成

Question

我有一个显示/隐藏切换在多个实例中运行良好（感谢这里的帮助 - 搜索'jquery切换到多个实例工作'）。

我想将它集成到主类别的扩展菜单/手风琴风格。 我有一个脚本，它自己的工作，但我不能让它与显示/隐藏集成工作。

工作显示/隐藏： http://pastebin.me/c69869d7a80fdb439ca16304b821c146

扩展菜单剧本我要整合： http://pastebin.me/03b685f586fef84193b5fd72e815255d

Answer 1

我不知道究竟你之后，还等什么，这是一个有点猜测和快速抗旱切割，需要优化，但应该工作：

jQuery.fn.expandingMenu = function(options) { 
    settings = jQuery.extend({ 
    speed: 500, 
    show: 10, 
    hideCaption: 'Hide', 
    showCaption: 'More' 
    }, options); 

    if (this.children('.active').length) return this; 

    this.each(function() { 
    if ($(this).children().slice(settings.show).hide().length) { 
     $(this).append($('<li class="toggler">' + settings.showCaption + '</li>').toggle(function() { 
      $(this).text(settings.hideCaption).siblings().slideDown(settings.speed); 
     }, function() { 
      $(this).text(settings.showCaption).siblings().slice(settings.show + 1).slideUp(settings.speed); 
     })); 
    } 

    $(this).children().hide().first().show().css({cursor:"pointer"}).toggle(function() { 
     $(this).siblings().slice(0, settings.show).add($(this).siblings('.toggler')).show(settings.speed); 
    }, function() { 
     $(this).siblings().hide(settings.speed); 
    }); 
    }); 
    return this; 
}; 

$(function() { 
    $('ul').expandingMenu({ speed: 200, showCaption: "Gimme More" });  
}); 

See it in action here。这个例子使它成为一个插件模型，所以你可以调用$('ul').expandingMenu()（并链接它）像上面的例子，选择速度，显示多少，以及隐藏/显示标题。看一眼，告诉我哪些部分不太正确，从那里容易调整。