想用jQuery顯示和隱藏div

Question

我對jquery完全陌生，並且100％都不了解。 我想要的是一個包含文本或圖像的div，當您單擊它時，它將顯示另一個div。

HTML：

 <div class="mytrigger">click here</div>
 <div class="mycontent">show this when clicking on the above</div>

jQuery：

<script>
 $( ".mytrigger" ).click(function() {
   $( ".mycontent" ).toggle( "slow", function() {
   });
 });
</script>

因此，當您單擊“ mytrigger”時，它必須顯示“ mycontent。

Answer 1

只需將函數保留在您的切換調用中即可：

$(function() {
    $( ".mytrigger" ).click(function() {
        $(".mycontent").toggle("slow");
    });
});

請參閱： http ： //jsfiddle.net/a8Np4/3/

編輯：包裹在DOM就緒調用中

Answer 2

這是工作的罰款，現在

您可能需要將Jquery放入其中

$(document).ready(function()
{
  //Your code here
}

也可以隱藏第二個div，最初在mycontent類中添加display:none樣式。