2017-08-27 12 views
0

ユーザーがリンクをクリックすると、divが1秒間表示され、再び非表示になります。 私はそれが再び隠れるのを避けるために何ができるのか分かりません。divが1秒間表示され、再び非表示になりますか?

PHP

echo '<a href="?name='.$name.'&key='.$key.'" onclick="showDesc()">'.$name.'</a>'; 

JS

document.getElementById("description").style.visibility="hidden"; 

function showDesc(){ 
    document.getElementById("description").style.visibility="visible"; 
} 
+0

を問題の原因を解明してください。作業中のデモへのリンクを提供するか、問題が見つかるのを手助けできるよう*関連するコードをすべて記載してください。 – FluffyKitten

+0

ブラウザにデバッガ機能がある場合は、F12で開くことができます。 Firebugのようなデバッガをインストールしてください。デバッガを開いた後、リンクをクリックしてみてください。問題の原因となっているエラーまたは予期しないイベント・バインディングが存在する必要があります。ブラウザデバッガのDOMセレクタを使用してハイパーリンクを選択し、ハイパーリンクに接続されているイベント(おそらくデバッガウィンドウの右側)を確認します。 – sribasu

答えて

0

あなたは、ディスプレイを使用することができますか?

隠す:

document.getElementById("description").style.display = "none"; 

再表示:私は、問題を見ることができるように

document.getElementById("description").style.display="block"; 

あなたがHTMLを投稿することができますか?

1

function showDesc(){ 
 
    $("#Div").fadeIn(); 
 
    setTimeout(function(){ $("#Div").fadeOut(); }, 2000); 
 
};
#Div{ 
 
    display:none; 
 
    font-size:20px; 
 
    margin-top:40px; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a id="btn" onclick="showDesc();" href="#">click</a> 
 
<div id="Div" style="">Description</div>

1

あなたはこのような何か試すことができます。私たちはあなたを助けるためにするために十分な情報がここにありません
HTML + CSS

#link,#desc{ 
     display:none; 
     font-size:24px;  
    } 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1jquery.min.js"></script> 
    <a id="link" href="#">click</a> 
    <div id="desc">content</div> 

Javascriptを

<script> 
    $(document).ready(function(){ 
     $("#link").click(function(e){ 
      e.preventDefault(); 
      $("#desc").fadeIn(); 
      setTimeout(function(){ $("#desc").fadeOut(); }, 1000); 
     }); 
    }); 
    </script> 
関連する問題