Question

用户点击一个链接，然后div显示一秒钟并再次隐藏。我不知道我能做些什么来避免再次隐藏它。

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";
}

Answer 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>

Answer 2

你可以尝试这样的事情：
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>

Answer 3

你能使用显示器吗？

隐藏：

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

取消隐藏：

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

您可以发布HTML以便我看到问题吗？

div显示一秒钟并再次隐藏？

3 个答案: