如何在使用JavaScript单击它的子元素后隐藏元素

Question

我想在点击任何菜单http://prntscr.com/7j5rmz项后隐藏ul.media-boxes-drop-down-menu区域。我用不同的代码尝试了很多次。但我无法解决它。任何人都可以帮助我，我该怎么做？

提前致谢。

Answer 1

你的问题很模糊。从我所理解的。

<ul id="ul_1">
<li >Some text</li>
</ul>   


<ul class="active" id="ul_2">
<li >Some text</li>
</ul>

点击ul_1会隐藏ul_2，根据需要重构代码。

 $('#ul_1').on('click', function (e) {
        $('#ul_2').each(function () {
            $(this).removeClass('active');
        })
    });

Answer 2

你必须为要隐藏的元素提供一个类，然后单击on（）事件，你必须在包装器主div中搜索该元素，如：

$（ 'elementTohode'，$（本）.parent（）。亲本（））。CSS（ '显示'， '无'）