JQuery擴展部分

我有三個部分在點擊時可展開（slideDown），這很好。但是，我在擴展部分中有按鈕應該關閉打開的部分，但只有第一部分的關閉按鈕實際上關閉了它的部分。第二部分和第三部分的關閉按鈕不會關閉，即使我所針對的所有類和ID都是相同的。JQuery擴展部分

HTML

<div id="first-section"> 
<a id="first-section-link"></a> 
</div> 

<div id="second-section"> 
<a id="second-section-link"></a> 
</div> 

<div id="third-section"> 
<a id="third-section-link"></a> 
</div> 

<div id="first-expanded" class="expanded-section"> 
<a id="closeBtn"></a> 
</div> 

<div id="second-expanded" class="expanded-section"> 
<a id="closeBtn"></a> 
</div> 

<div id="third-expanded" class="expanded-section"> 
<a id="closeBtn"></a> 
</div>

JQuery的

$('#closeBtn').on('click', function() { 
    $('.expanded-section').slideUp(350); 
}); 

$('#first-section-link').on('click', function() { 
    $('#first-expanded').delay(350).slideDown(350); 
}); 

$('#second-section-link').on('click', function() { 
    $('#second-expanded').delay(350).slideDown(350); 
}); 

$('#third-section-link').on('click', function() { 
    $('#third-expanded').delay(350).slideDown(350); 
});

來源

2016-12-04 Philip Stier

您有無效的HTML。整個HTML文檔中'id'的值應該是唯一的。 –

不能使用的每個元素在同一id屬性。而不是id使用class：

<a class="closeBtn"></a>

來源

2016-12-04 15:57:00 mitch

該死的，菜鳥的錯誤。謝謝你的幫助，那就是訣竅。 –

JQuery擴展部分

回答

相關問題