我有一个带有两个内容区域的手风琴，每个内容区域都有一个由 Chosen.js 驱动的输入和下拉菜单。
当用户单击输入字段时，会出现一个下拉列表，用户可以从列表中选择尽可能多的选项，以根据所选关键字缩小搜索范围。
我的问题是，一旦选择了多个选项，顶部手风琴下方的手风琴 h3 就会向右移动以为输入腾出空间（下拉菜单很好地落在它上面没问题。
我已经为手风琴尝试了以下 javascript 的各种版本（更改了 heightstyle），结果各不相同，但没有什么是完全正确的。下拉菜单需要保持在手风琴区域之外，并且“其中任何一个”“所有这些”单选框和复选框需要在用户做出选择时保持可见。
jQuery( function() {
jQuery( ".accordionSearch" ).accordion( {
heightStyle: "content",
activate: function( event, ui ) {
if (ui.newHeader.attr('id') == 'skill-search-header') {
which_search_string = 'skill';
doSearch();
}
else if (ui.newHeader.attr('id') == 'project-search-header') {
which_search_string = 'project';
doSearch();
}
}
} );
} );