jquery ui手风琴和高度动态扩展

Question

我有一个手风琴，有两个内容区域，每个区域都有一个由Chosen.js驱动的输入和下拉。

当用户点击输入字段时，会出现一个下拉列表，用户可以从列表中选择多个选项，以根据所选关键字缩小搜索范围。

我的问题是，一旦选择了多个选项，手风琴h3下方的手风琴h3向右移动以便为输入腾出空间（下拉很好地落在它上面没问题。

我为手风琴尝试了以下javascript的各种版本（更改了高度风格），但结果并不完全正确。下拉列表需要留在手风琴区域之外，当用户做出选择时，“所有这些”“所有这些”收音机和复选框都需要保持可见。

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();
}
  }
} );
} );

Here's my jsfiddle