2013-11-25 53 views
0
<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:blockjQuery改變點擊不正常工作的CSS

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

我寫了jQuery錯了嗎?

顯示器未設置爲阻止,因此隱藏的內容永遠不可見。這適用於我的本地主機安裝,但不在活服務器上(這很奇怪?)。

+1

顯示所有腳本和HTML請。 –

+0

你想改變顯示器的元素是什麼? –

+2

「這適用於我的本地主機安裝,但不適用於實時服務器」因此,問題不在發佈的代碼中。檢查您的控制檯的錯誤,尤其是看看是否加載jquery –

回答

0

我不確定你想要完成什麼,但會工作嗎?

http://jsfiddle.net/9sk3n/

的jQuery:

(function(){ 

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

})(); 

CSS:

.hidden-content{ 
    display:none; 
}