想用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样式。