如何在单击一个元素时隐藏元素，并在单击其他元素时显示隐藏元素？

Question

我有两个班级：

.dropdown-toggle

和

.link_row ul

我想要做的是，当用户点击.dropdown-toggle时，我希望将.link_row ul设置为不显示。当用户点击.dropdown-toggle时，我希望再次显示.link_row ul。如何在javascript / jquery中完成？

谢谢。

Answer 1

您可以在点击事件中使用toggle方法。

$('.dropdown-toggle').on('click', function() {
    $('.link_row ul').toggle();
});