jQuery的fadeToggle不刪除顯示：無

CSS：jQuery的fadeToggle不刪除顯示：無

.hidden-content { display:none; }

HTML：

<div class="exp-col-content-holder"> 
    <img class="club" alt="Pen Pal Club"  src="http:/site.com/wp-content/themes/familycenter/images/club-penpal.jpg" /> 
    <a class="expand-content-link club-link" href="#">Pen Pal Club</a> 

    <div class="hidden-content">Our Pen Pal Club provides kids with an opportunity to meet other Laurel Springs students around the world, and maybe in their own home towns. It is a time to relax, share information, trade stories, and make new friends.</div> 

</div>

的jQuery：

jQuery(".expand-content-link").click(function() { 
    jQuery(this).toggleClass("ecf_opened").parent(".exp-col-content-holder").find(".hidden-content").slideToggle(); 
    return false; 
});

問題：我想使用的slideToggle淡入一些點擊鏈接時隱藏的內容。一切似乎都按預期運行，但隱藏內容類中的「display：none」屬性永遠不會被刪除，因此隱藏的內容永遠不會被顯示。我可以看到不透明度和高度正在動畫，但顯示：沒有任何東西從元素中刪除。

但是，如果我雙擊鏈接...隱藏的內容瞬間閃爍並再次消失。

似乎一切都應該正常運行給我。

這可能是什麼原因造成的？在控制檯或任何東西中沒有JS錯誤。

來源

2013-11-25 EHerman

對我的作品http://jsfiddle.net/v3qLm/ ...它必須是 – DaniP

作品在這裏的其他元素也http://jsfiddle.net/eSC5L/ – Krishna

似乎有你提到的問題這裏http://jsfiddle.net/BLpA4/ – PSL

你的代碼似乎對我來說很好，如果你仍然面臨問題，而不是css嘗試隱藏jQuery中的內容使用.hide()，當頁面加載最初。請參閱下面的代碼。

$(document).ready(function(){ 
$(".hidden-content").hide(); 
$(".expand-content-link").click(function() { 
    $(this).toggleClass("ecf_opened").parent(".exp-col-content-holder").find(".hidden-content").slideToggle(); 
    return false; 
}); 
});

來源

2013-12-05 07:10:25 Pbk1303

jQuery的fadeToggle不刪除顯示：無

回答

相關問題