與jQuery

Question

有些麻煩的是這個網站

<div class='title centered'>SCE</div> 
    <div class='description'> 
    Magna tristique pulvinar porta montes, scelerisque 
    odio montes porta habitasse, ut, arcu scelerisque vel, pellentesque 
    </div> 

我需要點擊父（標題）後褪色切爾德桑DIV（介紹）。

$('.title').click(function() { 
    $(this).find('.description').fadeOut(fadeTime); 
    }) 

出了什麼問題？

Answer 1

如果您只有一次在您的網頁上，balalakshmi的答案將工作。如果你有一個以上的，去這樣的：

$('.title').click(function() { 
    $(this).next('.description').fadeOut(fadeTime); 
}) 

注意使用next，它着眼於在DOM同一級別的下一個元素，而不是find其尋找死者。

最後，如果您確實想要實現的效果是標題點擊切換，請使用slideToggle或許多fadeToggle插件之一。

Answer 2

嘗試：

$("#t_sce").click(function() { 
    $("#d_sce").fadeOut(fadeTime); 
}); 

Answer 3

你嘗試用這個？

$('.title').click(function() { 
    $('.description').fadeOut(fadeTime); 
    }) 

Answer 4

使用$的.next（）來找到下一個元素，並與

$('.title').click(function() { 
    $(this).next('.description').fadeOut(fadeTime); 
}); 

Answer 5

錯誤的事情是，在你的代碼「說明」不是的「稱號」孩子工作。

我覺得balalakshmi的回答會爲你做的工作，或者你可以使用，如果你不希望使用「說明」類作爲一個選擇：

$('.title').click(function() { 
    $(this).next().fadeOut(fadeTime); 
    }) 

Answer 6

我周圍有另一個父格包裹。

<div class='item'> 
    <div class='title centered'>SCE</div> 
     <div class='description'> 
     Magna tristique pulvinar porta montes, scelerisque 
     odio montes porta habitasse, ut, arcu scelerisque vel, pellentesque 
     </div> 
    </div> 
</div> 

然後我會打電話使用

$('.title').click(function() { 
    $(this).parents('div.item').find('.description').fadeOut(fadeTime); 
}) 

這個代碼不依賴的詳細描述div的順序。