裏面的內容DIV沒有顯示

我有這個隱藏的div，當我點擊一個按鈕，它右邊顯示但是當我試圖把一個<p>它不會顯示在div裏面，只有當我拿出<p> 一切都很好，但我只想把款式放到像<br>這樣的款式上，讓其看起來更好看。請看一看這個JSFiddle 裏面的內容DIV沒有顯示

HTML

<section> <a rel="external" href="#button" id="button" class="button"> </a> <span></span> </section>

jQuery的

$(document).ready(function(){ 
$('#button').click(function(){ 
$(this).toggleClass('on'); 
$('p').toggleClass('hidn'); 
    $('div[id=container]').toggleClass('container'); 
    $('p[id=p1]').toggleClass('p1'); 
}); 
});

來源

2013-12-08 xTuckii

而不是'div [id = container]'使用id選擇器'＃容器' –

你撥動類hidn上的所有段落標記，而不是增加一個獨特id具體<p> tag.Try這樣的：

HTML：

<p id="p0" class="hidn" style="font-size: 50px;font-family: Razer Header Regular; 
top: 20%; color: rgb(192,192,192); position: relative; text-align: center;">

的Jquery：

$(document).ready(function(){ 
$('#button').click(function(){ 
    $(this).toggleClass('on'); 
    $('#p0').toggleClass('hidn'); 
    $('#container').toggleClass('container'); 
    $('#p1').toggleClass('p1'); 
}); 
});

Demo

來源

2013-12-08 05:09:29

這很好，但是，因爲我有另一個文本，whevener我點擊按鈕就會消失，不會隱藏 – xTuckii

你想隱藏正在點擊的按鈕?? –

不，還有另一個TXT，每當我點擊它隱藏的按鈕 – xTuckii