Javascript 如何使用Jquery指定类

我已经创建了一个简单的切换显示和隐藏

不过，我在复制这些类时遇到了一个问题

我的切换有效，但当我复制容器并按下触发器时，它会显示所有容器，而不仅仅是一个容器

我尝试使用（this.find）函数调整代码，但它不起作用。有人能告诉我哪里出了问题吗

 <!--SHARE-->
                <a href="#share-trigger" class="share-trigger"><i class="fa fa-share"></i>Share</a>
                <div class="show-share-box">
                  <div class="share-this-wrap">
                     <a href="#" data-toggle="tooltip" class="share-popup share-btn" title="Share on Facebook">
                       <i class="fa fa-facebook"></i>
                       <div class="meta-share-wrap">
                         <span class="shot-social-count">4</span>
                       </div>
                     </a>

                     <a href="#" data-toggle="tooltip" class="share-popup share-btn" title="Share on Twitter">
                       <i class="fa fa-twitter"></i>
                       <div class="meta-share-wrap">
                         <span class="shot-social-count">6</span>
                       </div>
                     </a>
                  </div>
                </div><!--end share box-->

我的代码不起作用-在这里我尝试添加（此函数）

非常感谢

$(this).find('.show-share-box').slideToggle('slow');

$（this）

-->指的是当前元素，在您的案例中它是

.share trigger

---

$（this）.find（'.show share box'）

表示在

内找到
显示共享框
。共享触发器

您的代码不工作，因为没有元素

。在
内显示共享框
。共享触发器


在OP更新问题后更新


应该是：

$（this）.next（'.show share box'）.slideToggle（'slow'）
下一步将选择“全部”。显示共享框，因此使用下一组中的第一个就可以了

$(".share-trigger").click(function(e){
    e.preventDefault();
    //$(".show-share-box").slideToggle('slow');
    $(this).next(".show-share-box").first().slideToggle('slow');
})

问题是您正在选择

我们需要查看您的html示例。向我们显示呈现的HTMLI
。显示共享框
元素的后代。共享触发器
元素？您好。只要你发布与jQuery/JavaScript相关的问题，我就添加了我的HTMLAlways post HTML。更好的是提供服务。你会很快得到答案，但你不会得到答案downvote@patel.milanb再次检查答案。你怎么知道“.show share box”在没有查看HTML的情况下不会退出…为什么每个人都投了反对票！这真令人沮丧
$(this).find('.show-share-box').slideToggle('slow');

$(this).next('.show-share-box').slideToggle('slow');

$(".share-trigger").click(function(e){
    e.preventDefault();
    //$(".show-share-box").slideToggle('slow');
    $(this).next(".show-share-box").first().slideToggle('slow');
})

$(".share-trigger").click(function (e) {
    e.preventDefault();
    $('.show-share-box').slideToggle("slow", function () {
        // animation complete
    });
})