誰かがjavascriptの段落を表示するボタンを私に助けてもらえますか

-1

私は段落を表示から非表示に変更するボタンを作成しようとしていますが、その逆はできますが、動作させることはできません。 CSSでP1を追加して申し訳ありません誰かがjavascriptの段落を表示するボタンを私に助けてもらえますか

p1 { 
 
\t 
 
\t display = none; 
 
\t 
 
\t } 
 

 

 
button { 
 
\t position:absolute; 
 
\t background-color: #8C6D09; 
 
\t color: white; 
 
\t padding: 16px 32px; 
 
\t display:inline-block; 
 
\t margin:4px 2px; 
 
\t -webkit-transition-duration: 0.4s; /* Safari */ 
 
    transition-duration: 0.4s; \t 
 
\t } 
 
\t 
 
button1{ 
 
\t background-color:#8C6D09; 
 
\t color:#FFF; 
 
\t position:absolute; 
 
\t } 
 
    
 
    p1 { 
 
\t 
 
\t display = none; 
 
\t 
 
\t }

<html> 
 
    <head> 
 
    </head> 
 
    <body> 
 
    
 
     <div id="p1"> 
 
     <p>Hello</p> 
 
     <div> 
 
    
 
    <script> 
 
function toggle_visibility(id){ 
 
    var p = document.getElementById(id) 
 
    if(p1.style.display == "block") 
 
    p1.style.display = "none"; 
 
    else 
 
    p1.style.display = "block"; 
 
\t \t } 
 

 
    
 
    </script> 
 
<button class="button button1"onclick="toggle_visibility"("p1")>Easy</button> 
 
    </body> 
 
    </html>

二回、それは実際には元のコードに一度

出典

2017-08-09 demis

Themsはいくつかの引用符があります。これは 'onclick =" toggle_visibility（ 'p1'） ''とされています。 – deceze

あなたのために働いているjsFiddleがあります： https://jsfiddle.net/dtqxabof/ –

を追加していますあなたの構文が正しくありません。クラスにアクセスするために、あなたのボタンと同じ

#p1 { 
    display:none; 
}

、あなたがドットを使用します：あなたは、ハッシュ記号を使用する必要がp1のidがアクセスする

.button { 
    ...your styles 
}

あなたHTMLも間違っています：

<button class="button button1"onclick="toggle_visibility"("p1")>Easy</button>

：

<button class="button button1" onclick="toggle_visibility('p1')">Easy</button>

出典

2017-08-09 08:43:42 Stuart

私はこれらの変更を行いましたが、まだテキストの「hello」がボタンのすぐ上に表示されています。テキストが消えて、決して戻って来ない – demis

それはそれが愚かな間違いだったことが分かります多くのおかげで多くの人に感謝 – demis

それが助けたら答えをチェックしてください... – Stuart

コードにはいくつかの問題があります。

function toggle_visibility(id) { 
 
    var p = document.getElementById(id) 
 
    if(p.style.display == "block") { 
 
    p.style.display = "none"; 
 
    } else { 
 
    p.style.display = "block"; 
 
    } 
 
}

#p1 { 
 
    display: none; 
 
} 
 

 

 
button { 
 
    position:absolute; 
 
    background-color: #8C6D09; 
 
    color: white; 
 
    padding: 16px 32px; 
 
    display:inline-block; 
 
    margin:4px 2px; 
 
    -webkit-transition-duration: 0.4s; /* Safari */ 
 
    transition-duration: 0.4s; \t 
 
} 
 
\t 
 
#button1 { 
 
    background-color:#8C6D09; 
 
    color:#FFF; 
 
    position:absolute; 
 
}

<div id="p1"> 
 
    <p>Hello</p> 
 
</div> 
 

 
<button class="button button1" onclick="toggle_visibility('p1')">Easy</button>

がそれを目を通すと、通知の違い：ここで働いスニペットです。

出典

2017-08-09 08:50:56

誰かがjavascriptの段落を表示するボタンを私に助けてもらえますか

答えて

関連する問題