想用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-Ready-Call中

Answer 2

工作正常now

您可能需要将Jquery放在

中

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

另外，只需隐藏第二个div，最初将display:none样式添加到mycontent类。