Javascript jQuery中的引用？

如何更改jQuery中的代码，这些代码将在html中引用上述项目

Html代码如下所示：

<div class="dramer">
    <ul>
        <li> </li>
        <li> <a class="shares" href="#"> Click </a> </li>
        <li> </li>
        <li> </li>
    </ul>

    <div class="drops"> </div>

</div>

jQuery中的函数用于显示和隐藏位于伸手不可及的div

和

如何修改代码以隐藏jQuery并显示div？

直接将其作为目标

$(".drops").slideToggle(400);

如果您需要它能够感知上下文，那么类似的方法可能会奏效

$(this).closest(".dramer").find(".drops").slideToggle(400);

试一试怎么样

$ ('a.shares'). click (function (event) {
         event.preventDefault ();
         event.stopPropagation ();
         $(this).parent(".dramer").children(".drops").slideToggle(400);
     });      

$（这个）。下一步（“下降”）。滑动切换（400）

您应该找到
.shares
和
.drops
之间共享的最近祖先，然后从那里找到
.drops
：

$(".shares").on("click", toggleDrops);

function toggleDrops (event) {
    $(this).closest(".dramer").find(".drops").slideToggle(400);
    return false;
}

我不确定我是否明白你的意思。如果您的意思是要隐藏您的子级div，可以尝试以下操作：

$ ('a.shares'). click (function (event) {
    event.preventDefault ();
    event.stopPropagation ();
    $(".drops").slideToggle (400);
});

你能澄清你的问题吗？我不明白它是什么，我真的搞不懂。您的意思是要在单击链接时隐藏div吗？需要删除
此
周围的引号，以及
前面的空格（
在第一个和第二个空格中）。
$(".shares").on("click", toggleDrops);

function toggleDrops (event) {
    $(this).closest(".dramer").find(".drops").slideToggle(400);
    return false;
}

$ ('a.shares'). click (function (event) {
    event.preventDefault ();
    event.stopPropagation ();
    $(".drops").slideToggle (400);
});