Jquery Gizle Çalışmıyor Not Çalışmıyor

Question

Metin saklamak ve göstermek için Jquery'm üzerinde çalışıyorum ve çalışmıyor. Ve ben POZİTİF bir şey aptalca. Sorun ne emin değilim

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

, birisi yardımcı olabilir lütfen:

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

Ve showhide.js dosyası:

İşte benim HTML var? Teşekkürler.

Answer 1

Sayfadaki komut dosyalarınızı dahil ettiğiniz sırayı değiştirmelisiniz. Senaryoyu önce ve sonra jQuery'yi dahil ediyorsun. Fakat senaryonuz jQuery'ye bağlıdır, bu yüzden sonradan eklenmelidir. Bunu bir denemenin yanı sıra, konsolunuzu bir $ is undefined error için kontrol ederek de onaylayabilirsiniz.

Answer 2

Js dosyaları yanlış olduğu sırada sipariş ettiğiniz gibi görünüyor. Bunu deneyin : toggle amorti edilmiş

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

Answer 3

beri ben başka bir şekilde bunu yapmış.

$(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(); 
    }); 
});