单击时 jQuery 更改 CSS 无法正常工作

Question

<div class="exp-col-content-holder">
    <a class="expand-content-link" href="#">test</a>
       <div class="hidden-content">
          <p class="hiddenContentp">testttttt</p>
       </div>
</div>

我试图在点击时更改元素的 CSS。当我单击按钮时，除了最后一点 .css("display","block"); 这永远不会从 display:none 更改为 display : block 。

jQuery(this).toggleClass("opened").parent(".exp-col-content-holder").find(".hidden-content").stop().slideToggle("slow").css("display","block"); 

我是不是写错了 jQuery？

显示未设置为阻塞，因此隐藏的内容永远不会显示。这适用于我的本地主机安装，但不适用于实时服务器(这很奇怪？)。

Answer 1

我不确定您想要完成什么，但这行得通吗？

http://jsfiddle.net/9sk3n/

jQuery:

(function(){

    $( document ).on('click', '.expand-content-link', function(){
        $('.hidden-content').slideToggle("slow"); 
    });

})();

CSS:

.hidden-content{
    display:none;
}