Jquery滑動切換問題

Question

我試圖在我的幻燈片切換時觸發，但無法按預期工作。每次點擊僅適用於第一個div。

HTML代碼：

<div id="toggle"> 
    <span id="down"></span> 
    <a id ="slide" href="#">Passende Produkte zum Gutschein</br></a> 
    <div id="inner">text tetxtext</div> 

    <span id="down"></span> 
    <a id ="slide" href="#">Passende Produkte zum Gutschein</a> 
    <div id="inner">text tetxtext</div> 
</div> 

JS代碼：

$('a').click(function() { 
    $('#inner').slideToggle('fast');  
}); 

CSS：

#inner { 
    display:none; 
} 

我因地處here。

Answer 1

ID必須是唯一的，您應該使用類來代替，也沒有在jsfiddle中加載jQuery。

<div id="toggle"> 
    <span class="down"></span> 
    <a class="slide" href="#">Passende Produkte zum Gutschein</br></a> 
    <div class="inner">text tetxtext</div> 

    <span class="down"></span> 
    <a class="slide" href="#">Passende Produkte zum Gutschein</a> 
    <div class="inner">text tetxtext</div> 
</div> 

根據你的標記，你可以使用next或siblings方法。

$('a').click(function(event){ 
    $(this).next('.inner').slideToggle('fast'); 
    // $(this).siblings('.inner').slideToggle('fast'); 
    event.preventDefault() // prevents the default action of event.  
}); 

http://jsfiddle.net/Wh5u2/