jQuery fadeToggle未删除显示:无

jQuery fadeToggle未删除显示:无,jquery,css,slidetoggle,Jquery,Css,Slidetoggle,CSS: HTML: 问题: 我试图使用幻灯片切换淡入一些隐藏的内容时,链接被点击。一切似乎都按预期运行,但隐藏内容类上的“display:none”属性永远不会被删除,因此隐藏内容永远不会被显示。我可以看到不透明度和高度被设置为动画,但是显示:从不从元素中删除“无” 但是如果我双击链接…隐藏的内容会在瞬间闪烁,然后再次消失 我觉得一切都应该正常运转 这可能是什么原因造成的?console或任何东西中都没有JS错误。如果您仍然面临这个问题,那么您的代码对我来说似乎工作得很好,而不是css尝试在页

CSS:

HTML:

问题: 我试图使用幻灯片切换淡入一些隐藏的内容时,链接被点击。一切似乎都按预期运行,但隐藏内容类上的“display:none”属性永远不会被删除,因此隐藏内容永远不会被显示。我可以看到不透明度和高度被设置为动画,但是显示:从不从元素中删除“无”

但是如果我双击链接…隐藏的内容会在瞬间闪烁,然后再次消失

我觉得一切都应该正常运转


这可能是什么原因造成的?console或任何东西中都没有JS错误。

如果您仍然面临这个问题,那么您的代码对我来说似乎工作得很好,而不是css尝试在页面最初加载时使用
.hide()
在jquery中隐藏内容。请参阅下面的代码

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

为我工作。。。这一定是其他的元素,这里的作品似乎也有你在这里提到的问题,那一定是我的主题问题。我已经检查并停用了所有插件,但问题依然存在。我要把这个主题通读一遍。谢谢你们的关注。如果你们能发布网址。。。我们可以检查这个问题
<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(".expand-content-link").click(function() {
    jQuery(this).toggleClass("ecf_opened").parent(".exp-col-content-holder").find(".hidden-content").slideToggle();
    return false;
}); 
$(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;
}); 
});