有没有办法可以使用单独的div或list元素激活我的.active以获取div元素？

Question

打开导航 封闭式导航  
我使用.active来创建从汉堡菜单到x的过渡。 我遇到的问题是，当我点击导航中的某个项目时，它不会转换回汉堡菜单。

如何激活.active？当点击链接时，我让导航向后滑动，但x不会恢复到原始状态。

<div class="fullnavBtn" id="toggle"> <span class="top"></span> <span class="middle"></span> <span class="bottom"></span> </div>


.fullnavBtn.active .top {
    -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
    transform: translateY(11px) translateX(0) rotate(45deg);
    background: #00a0ca;
}

.fullnavBtn.active .middle {
    opacity: 0;
    background: #00a0ca;
}

.fullnavBtn.active .bottom {
    -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
    transform: translateY(-11px) translateX(0) rotate(-45deg);
    background: #00a0ca;
}

$(document).ready(function () {
    $('#toggle').click(function () {
        $(this).toggleClass('active');
        $('#fullnav').toggleClass('open');
    });
});

$(function () {
    $('#toggletwo').click(function () {
        $(this).toggleClass('active');
        $('#fullnav').toggleClass('open');
    });
});

Answer 1

您没有包含div＃fullnav和open class。看一下代码，我重新考虑了#fullnav是div #titch外部的导航部分。所以你需要在div＃fullnav上包含一个click事件，它将再次切换这些类。

$('#fullnav').click(function(){
    $(this).toggleClass('open');
    $('#toggle').toggleClass('active');
});

希望这有帮助。