选择多个div并同时进行,让用户关闭它们

时间:2014-05-07 17:20:55

标签: jquery

我想在jQuery中使用一个函数,让你可以同时打开多个div,而不需要关闭前一个div。网站的访问者将按下它们打开它们,然后再次按它们关闭它们。

1 个答案:

答案 0 :(得分:0)

我创建了这个JSFiddle,所以你可以用你需要的东西来分开它。

首先,你需要为你想要用来切换这些div的“按钮”设置一些onclick事件处理程序。

$('.types li').click( functionName );

然后在该函数中,您必须获取要切换的相应div的特定标识符。 t是被回调的事件处理程序:

t.target.innerHTML.toLowerCase()将匹配“按钮”的内部文本并转换为小写。

然后,由于该值是有效的 id ,我们通过预先#toggle()的可见性来为它创建一个jQuery选择器。

$(selectorId).toggle();

瞧!如果您需要更多详细信息,请查看jQuery文档。如果你想拥有动画,最好让CSS过渡为你做,并使用 toggleClass()