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

时间:2013-10-23 23:47:19

标签: jquery css jquery-ui

我有一个手风琴,有两个内容区域,每个区域都有一个由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

0 个答案:

没有答案