Javascript jQuery单击并显示元素列表
我有DB中的元素列表,并用按钮显示在表中:Javascript jQuery单击并显示元素列表,javascript,jquery,html,toggle,Javascript,Jquery,Html,Toggle,我有DB中的元素列表,并用按钮显示在表中: <a href="#" class="hiden"></a> HTML: 我有一些问题,当点击a.hiden所有元素的列表显示和点击所有元素隐藏。我想在一个元素显示其他元素时隐藏 请帮助我,Toogle是正确的方法,但如果您单击每个元素并触发事件,它们必须具有唯一的标识符。更改: $(document).ready(function() { $(".object").hide(); $('.hiden')
<a href="#" class="hiden"></a>
HTML:
我有一些问题,当点击a.hiden所有元素的列表显示和点击所有元素隐藏。我想在一个元素显示其他元素时隐藏
请帮助我,Toogle是正确的方法,但如果您单击每个元素并触发事件,它们必须具有唯一的标识符。更改:
$(document).ready(function() {
$(".object").hide();
$('.hiden').click(function() {
$(this).parents('tr').next().find(".object").toggle();
});
});
$(".object").toggle();
致:
您描述的行为就是您实际编码的行为。您的选择器
$(".object").toggle()
使用类.object
切换所有元素,而不仅仅是一个。
要仅切换同一表格行中的一个,可以
$('.hiden').click(function() {
$(this).parent("tr").next().find(".object").toggle();
});
当其他元素隐藏时,哪个元素应该保留?你想学手风琴吗?
$(".object").toggle();
$(this).closest('tr').next().find(".object").toggle();
$(".object").toggle()
$('.hiden').click(function() {
$(this).parent("tr").next().find(".object").toggle();
});