我有 jquery 显示 3 个不同的 div 来显示/隐藏 onclick。一切都按要求工作,除了打开 div 后我无法隐藏它。
HTML
<table id="brand-groups">
<tr>
<td id="brandgroupopen-all" class="brand-groups-tab" valign="middle"> ALL BRANDS</td>
<td id="brandgroupopen-fashion" class="brand-groups-tab" valign="middle">POPULAR FASHION BRANDS</td>
<td id="brandgroupopen-beauty" class="brand-groups-tab" valign="middle">POPULAR BEAUTY</td>
</tr>
</table>
<div class="brandgroupoptions">
<div id="brandgroupoptions-all" class="brandgroupoption init-hidden">a</div>
<div id="brandgroupoptions-fashion" class="brandgroupoption init-hidden">fashion</div>
<div id="brandgroupoptions-beauty" class="brandgroupoption init-hidden">beauty</div>
</div>
Jquery
$('.brand-groups-tab').click(function(){
var myId = $(this).attr('id').replace('brandgroupopen-', '');
$('.init-hidden').hide();
$('#brandgroupoptions-' + myId).slideToggle("slow");
});
这是 fiddle 链接:http://jsfiddle.net/soniayastays/HHj3N/
最佳答案
隐藏<div class="brandgroupoptions">
内的所有div :
$('.brandgroupoptions div').hide();
关于jquery - Div 显示/隐藏 - 隐藏所有 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19124154/