jquery toggle一鍵開啓所有div

Question

請看下面的代碼，無論出於何種原因，我無法打開一個div只有當我點擊編輯鏈接時，它會打開所有div，當我點擊編輯鏈接。這是我有：

(function($) { 
    $(document).ready(function() { 
     // hides the slickbox as soon as the DOM is ready 
     $('.slickbox').hide();   
     // toggles the slickbox on clicking the noted link 
     $('.slick-toggle').click(function() { 
     $('.slickbox').toggle(400); 
     return false; 
     }); 
    }); 
}) (jQuery); 

下面是HTML的一部分：「slickbox」

<li id="list_47"> 
<div> 
    <div id="row"> 
     <div class="title id="bannerid59"><img src="banner_45_10.jpg" /></div> 
     <div class="action"><a href="#" class=".slick-toggle">Edit</a></div> 
    </div> 
    <div id="row-right"> 
     <span class="small">Sort Order: 2</span><br> 
    </div> 
</div> 
<div class="slickbox">blah blah box 1</div> 
</li> 

<li id="list_48"> 
<div> 
    <div id="row"> 
     <div class="title id="bannerid60"><img src="banner_45_11.jpg" /></div> 
     <div class="action"><a href="#" class=".slick-toggle">Edit</a></div> 
    </div> 
    <div id="row-right"> 
     <span class="small">Sort Order: 2</span><br> 
    </div> 
</div> 
<div class="slickbox">blah blah box 2</div> 
</li> 

我已經通過其他實例或方案沒有運氣（如更換$（看）切換。 （400）; with $（this）.next（「。slickbox」）。slideToggle（400）;）

任何指針，非常感謝。謝謝。

Answer 1

(function($) { 
    $(document).ready(function() { 
    $('.slickbox').hide();   
    $('.slick-toggle').click(function() { 
    $('.slickbox', $(this).parents("li")).toggle(400); 
    return false; 
    }); 
    }); 
}) (jQuery); 

Answer 2

使用某些東西一樣$(this).closest('.slickbox').toggle(400);

的原因是，你有兩個div的一類slickbox的，你有jQuery是剛剛開放所有的人。你需要告訴它只打開你想要的。

Answer 3

如何使用：

$("div[slickbox]").toggle() 

還沒有嘗試過，但我已經做了綁定事件和似乎工作。

Answer 4

你可以調用的div slickbox1和其他slickbox2之一