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