如何用JS显示隐藏的P元素?

时间:2016-11-27 17:28:25

标签: javascript html css3

这是JS:

function mygtux(){
    var metai = prompt("Kiek tau metu? ");

    if (metai >= 20 && 39 >= metai) {
         $("p").show(200);
    } else {
         alert("nesaunuolis :D ")
    }
};

我隐藏了带p隐藏的p元素

所以,我该怎么办?没有什么真正发生的,它无论如何都会隐藏起来。

您可以在此处找到更多此代码:https://jsfiddle.net/ckaxx6co/#

1 个答案:

答案 0 :(得分:0)

如果您正在正确添加JQUERY资源,那么它应该可以正常工作,因为除了小格式问题之外,您的小提琴中缺少一件事。

.ddropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    margin-left:2px;
    border: none;
    cursor: pointer;
    float:left;
    display: inline;
  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button class="ddropbtn" onclick="mygtux()">Spausk cia ir suzinok savo! </button>

   <p hidden style="color:black"> some code later on </p>
   
   <script>
   function mygtux(){
        var metai = prompt("Kiek tau metu? ");
    
           
           if (metai >= 20 && 39 >= metai){
                  $("p").show(200);
           } else{
                alert("nesaunuolis :D ")
            }
       };
   </script>

工作小提琴:https://jsfiddle.net/nx4wcdtt/