jquery.hide（）和.show（） $（“.navItemWetten”）。单击（函数（）{ $（“.navUnderItemWetten”）.hide（）； });

后端

Wetten

超级联赛 后端

---

我只是想，当我点击类

navItemWetten

时，类

navUnderItemWetten

是隐藏的。我已经包括了ajax，如果我理解正确，这对通过ajax加载的项目不起作用。你需要授权。更详细地说，由ajax调用生成或重新创建的元素将丢失附加到它们的任何事件，除非它们是：

然后卸下

内的按钮。另外，请不要将

嵌套在

标记中

解决方案

整个布局是错误的。LI只能包含在

内，您不应在

标记内放置任何块级元素

必须将代码包含在document ready函数中

必须使用

.toggle（）

而不是

.hide（）

和

.show（）

片段

//必须将代码包含在document ready函数中。
$（函数（）{
$（“.navItemWetten”）。单击（函数（）{
$（“.navUnderItemWetten”）.toggle（）；
});
});


Wetten
超级联赛

好的，您已经有了。那又怎么样？不要告诉我你有一个有效的标记。修复你的标记，把你的li元素放在ul标记内，把锚放在li标记内，如果它仍然不起作用，请使用@PraveenKumar的回答中所示的事件委派。我认为没有ajax。我真的想知道谁是另一个，他有与@BuddhiAbeyratne相同的问题…@Jai我已经包括了ajax。@PascalHurni你能做一个小提琴吗？你的浏览器控制台中有错误吗@帕斯卡胡尼
        $(".navItemWetten").click(function(){
            $(".navUnderItemWetten").hide();
        });

     <nav>
        <?php
            //Falls man eingeloggt ist
            if(isset($_SESSION['email'])){
        ?>
            <a href="logout.php" ><button class="logOutBtn" type="button">Log Out</button></a>
            <h1><p>Backend</p></h1><br /> <br />
            <a><li class="navItemWetten" >Wetten</li></a>
            <a><li class="navUnderItemWetten" >Super League</li></a>
        <?php
            } else {
        ?>
            <h1><p>Backend</p></h1>
        <?php
            }
        ?>
    </nav>

$("body").on("click", ".navItemWetten", function(){
    $(".navUnderItemWetten").hide();
});