Javascript仅切换单击事件
我的目标如下:Javascript仅切换单击事件,javascript,jquery,html,oop,toggle,Javascript,Jquery,Html,Oop,Toggle,我的目标如下: Toggle = { hidden: '.hidden-assisting', trigger: '.multiple', init: function() { $(this.trigger).click(this.toggleList.bind(this)); }, toggleList: function(event) { // toggle hidden elements $(event
Toggle = {
hidden: '.hidden-assisting',
trigger: '.multiple',
init: function() {
$(this.trigger).click(this.toggleList.bind(this));
},
toggleList: function(event) {
// toggle hidden elements
$(event.currentTarget).siblings().slideToggle();
}
};
我的html如下所示:
<ul class="needs-padding">
<a class="multiple" href="#">Multiple</a>
<li class="hidden-assisting" style="display: none;">Eva-Marie Fox</li>
<li class="hidden-assisting" style="display: none;">Linda Seigler</li>
<li class="hidden-assisting" style="display: none;">Frank Giampietro</li>
<li class="hidden-assisting" style="display: none;">Ken Gallagher</li>
<li class="hidden-assisting" style="display: none;">Patrick Walsh</li>
</ul>
伊娃·玛丽·福克斯
琳达·塞格勒
弗兰克·詹皮特罗
肯·加拉赫
帕特里克·沃尔什
但是,这些
。多个链接和。隐藏的列表项遍布页面,因此单击一个。多个锚定将打开页面上的所有列表项。如何使用此对象仅切换直接同级列表项?“我的html看起来是这样的:”,“但是这些”。多个“链接”和“隐藏的辅助”列表项遍布整个页面“您可以包含完整的html
?谢谢,上面编辑过。”单击一个。多个锚打开页面上的所有列表项。“无法复制。”。是否需要在单击时切换单个元素?或者所有的。隐藏的元素?不,要求是在特定的ul内部切换所有元素。但页面上还有许多其他ul认证。多个锚和“隐藏协助”李。所有其他实例都不是完全相关的,但是您不应该将锚定标记直接放在ul/ol标记内。把它放在一个盘子里