كيف أظهر وأخفي عنصر باستعمال Jquery؟

لا تنسى استدعاء مكتبةJqueryوذلك باستعمال وسم Script وبداخله رابط المكتبة-السطر الأول في المثال المرفق-:

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

ثم غير كود Jquery بهذا:

$(function(){
$("#CTSO").click(function () {
    $("#Vsauceisgenius").hide("slow");
    $(".arrow-left").hide("slow");
});//غلق دالة الإخفاء
$('#TOTSBILT').click(function () {
    $("#Vsauceisgenius").show("slow");
    $(".arrow-left").show("slow");
});//غلق دالة الإظهار
  });