如何在css类元素上重复相同的jquery代码？

我有这个jquery代码

 $('.slickbox').hide();

 // toggles the slickbox on clicking the noted link  
  $('.slick-toggle').click(function() {
    $('.slickbox').toggle(400);
    return false;
  });

这适用于页面上具有相同类的多个div，但是当我单击其中一个时，我能做的是设置一个id而不是一个类，并为每个id重复相同的代码，是否有办法使每个div即使有一个类，也能独立于其他类打开。 让我知道是否有必要澄清，因为我的描述技能不是最好的

HTML：

     <a href="#" class="slick-toggle">  
<img src="images/pc.de/plus.png" width="16" height="16" alt="new" /></a>
<div class="slickbox">
        New Video Category: <input type="text" name="video_link_youtube" value=""  />
       </div>

新的视频类别：

在调用所有“$（'.slick toggle'）”上的toggle之前，

而不是：

  $('.slick-toggle').click(function() {
    $('.slickbox').toggle(400);
    return false;
  });

这样做：

  $('.slick-toggle').click(function() {
    $(this).toggle(400);
    return false;
  });

---

这应该是可行的！但是我们需要查看您的html结构以确定要使用的选择器组合：）列表中的

.slick toggle

和

.slickbox

元素是什么？在这种情况下，您可以使用索引（元素在其同级元素中的位置）来确定哪个

.slick toggle

元素对应于哪个

.slickbox

元素…您可以显示标记的示例吗？这取决于您如何组织div。您可以使用$（this）获取正在单击的元素，并使用类似$（this）.parent（）的内容获取其父元素。查看您在JSFIDLE中所做的工作会有所帮助。

.slick toggle

元素是触发

.slickbox

元素显示的按钮，

.slickbox

元素是由

.slick toggle

元素触发显示的元素。它们不是相同的元素。不，这对我不起作用，也许我是个笨蛋，做错了什么

  $('.slick-toggle').click(function() {
    $(this).toggle(400);
    return false;
  });