jQuery的顯示和隱藏

Question

$('#TOTSBILT').click(function(){ 
    $("#Vsauceisgenius").show("slow"); 
    $(".arrow-left").show("slow"); 
}); 

爲什麼它沒有顯示DIV我也有這個代碼

$("#CTSO").click(function(){ 
     $("#Vsauceisgenius").hide("slow"); 
     $(".arrow-left").hide("slow"); 

沒有錯誤

<div id="TOTSBILT" ><img src="../img/lupa.png" ID="ILDSIB" class="OKSD"></div><div id="ATSIMD"><div class="arrow-left" id="JUHBG"></div><div id="Vsauceisgenius" > 
    <img src="../img/x.png" id="CTSO" href="#"><form method="post" action="ppl.php" > 
    <input type="text" name="username" placeholder="People" id="IMOHD"><input type="submit" name="Searc" value="Search" id="DPMM"> 
    </form><P></P> 
    <form method="get"> 
    <input type="text" placeholder="Hashtags" id="IMOHDS"><input type="submit" value="Search" id="DPMMM"></form> 
</div> 
</div><h1 ID="jcss">2</H1> 

Answer 1

試試這個：

$(function(){ 
 
$("#CTSO").click(function() { 
 
    $("#Vsauceisgenius").hide("slow"); 
 
    $(".arrow-left").hide("slow"); 
 
});//close this click handler 
 
$('#TOTSBILT').click(function() { 
 
    $("#Vsauceisgenius").show("slow"); 
 
    $(".arrow-left").show("slow"); 
 
}); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="TOTSBILT" ><img src="http://www.clker.com/cliparts/Q/l/L/B/F/a/search-icon-hi.png" style="width:20px;height:20px;" ID="ILDSIB" class="OKSD"></div><div id="ATSIMD"><div class="arrow-left" id="JUHBG"></div><div id="Vsauceisgenius" > 
 
    <img src="https://cdn3.iconfinder.com/data/icons/softwaredemo/PNG/256x256/DeleteRed.png" id="CTSO" href="#" style="width:20px;height:20px;"><form method="post" action="ppl.php" > 
 
    <input type="text" name="username" placeholder="People" id="IMOHD"><input type="submit" name="Searc" value="Search" id="DPMM"> 
 
    </form><P></P> 
 
    <form method="get"> 
 
    <input type="text" placeholder="Hashtags" id="IMOHDS"><input type="submit" value="Search" id="DPMMM"></form> 
 
</div> 
 
</div><h1 ID="jcss">2</H1>