jQuery Chosen div 落后于 Twitter Bootstrap 手风琴

我在 Twitter Bootstrap 手风琴中使用 jQuery Chosen 插件。我遇到的问题是所选插件的下拉菜单出现在div的手风琴菜单。我尝试设置z-index到更高的值，但这并没有达到目的。

我举了一个我的问题的例子：http://jsfiddle.net/8BAZY/1/ http://jsfiddle.net/8BAZY/1/

如果您点击select框您会看到菜单出现在div。如何让下拉菜单出现在折叠 div 的顶部，以便我可以看到所有结果？

有关此选定问题的更多信息请参见此处https://github.com/harvesthq/chosen/issues/86 https://github.com/harvesthq/chosen/issues/86

一种基于 PilotBob 在该页面上给出的建议的解决方案http://jsfiddle.net/8BAZY/6/ http://jsfiddle.net/8BAZY/6/

$(function() {
    var els = jQuery(".chzn-select");
    els.chosen({no_results_text: "No results matched"});
    els.on("liszt:showing_dropdown", function () {
            $(this).parents("div").css("overflow", "visible");
        });
    els.on("liszt:hiding_dropdown", function () {
            $(this).parents("div").css("overflow", "");
        });
});

Thanks.