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吗？

显示屏未设置为阻止，因此隐藏的内容永远不会显示。这适用于我的localhost安装，但不适用于实时服务器（这很奇怪？）。

Answer 1

我不确定你要完成什么，但是这会有效吗？

http://jsfiddle.net/9sk3n/

jQuery的：

(function(){

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

})();

CSS：

.hidden-content{
    display:none;
}

jQuery更改CSS点击无法正常工作

1 个答案: