javascript - 切换一个不是这个父级的 div

Question

我正在为我的网站创建一个下拉菜单，并且正在使用 jQuery slideToggle。我让它适用于导航中的每个单独类别(单击 navparent 时，navhild 切换)，但是当单击其他父级时，前一个子 div 保持打开状态。我想在单击父项时关闭其他 div。

jQuery(document).ready(function($) {
$('.navparent a').click(function(){ 
$(this).parent().find('.navchild').slideToggle(90);      

---

         <div class="navmobile">
                <div class="navparent">
                    <a href="#">
                        <img src="/source.png" alt="Parent" title="Parent" />
                        <br />Parent
                    </a>
                    <div class="navchild">
                        <ul> <li><a href="#">Child</a></li></ul>
                    </div>
                </div>
                <div class="navparent">
                    <a href="#">
                        <img src="/source.png" alt="Parent" title="Parent" />
                        <br /> Parent
                    </a>
                    <div class="navchild">
                        <ul> <li><a href="#">Child</a></li></ul>
                    </div>
                </div>


        </div>

Answer 1

您可以在单击父级时简单地隐藏所有子级 div。

$('.navmobile').find('.navchild').hide()