Jquery非表示の非表示

Question

私はJqueryでテキストを非表示にして表示しようとしていますが、動作しません。そして私はそれが何かばかげていると思っています。

<script src="js/showhide.js"></script> 
<script src="js/jquery.min.js"></script> 
<div class="container-fluid"> 
    <div class="row"> 
     <div class="col-xs-12 col-md-4"> 
     <button class="btn btntruespeed" id="showdsl6">DSL 6</button> 
     <p>DSL 6 is perfect for anyone who is a light Internet user. It's perfect for those who only have 1-2 devices in the house, and they go on Facebook, and check and send emails.</p> 
     </div> 
    </div> 
</div> 

そしてshowhide.jsファイル：

ここに私のHTMLだ

$(document).ready(function(){ 
    $("p").hide(); 
    $('#showdsl6').click(function(){ 
    $("p").show(); 
    }); 
}); 

私が間違っているかわからないんだけどは、誰かが助けてくださいすることができますか？ありがとう。

Answer 1

スクリプトをページに含める順序を入れ替える必要があるようです。あなたはまずスクリプトとjQueryを含めています。しかし、あなたのスクリプトはjQueryに依存しているので、後でそれを組み込むべきです。試してみるだけでなく、コンソールで$ is undefined errorを確認して確認することもできます。

Answer 2

jsファイルを含む順序が間違っているようです。これを試してみてください ：トグルが償却された

<script src="js/jquery.min.js"></script> 
<script src="js/showhide.js"></script> 

Answer 3

ので、私は他の方法でそれを行っています。

$(document).ready(function(){ 
 
    $("p").hide(); 
 
    $('#showdsl6').click(function(){ 
 
    if ($("p").css("display") == "none") { 
 
     $("p").show(); 
 
    } else { 
 
     $("p").hide(); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="js/showhide.js"></script> 
 
<script src="js/jquery.min.js"></script> 
 
<div class="container-fluid"> 
 
    <div class="row"> 
 
     <div class="col-xs-12 col-md-4"> 
 
     <button class="btn btntruespeed" id="showdsl6">DSL 6</button> 
 
     <p>DSL 6 is perfect for anyone who is a light Internet user. It's perfect for those who only have 1-2 devices in the house, and they go on Facebook, and check and send emails.</p> 
 
     </div> 
 
    </div> 
 
</div>

Answer 4

$(document).ready(function(){ 
    $("p").hide(); 
    $('#showdsl6').click(function(){ 
    $(this).next().find('p').show(); 
    }); 
});