Javascript 要使用jquery显示和隐藏div吗

Javascript 要使用jquery显示和隐藏div吗,javascript,jquery,html,Javascript,Jquery,Html,我对jquery完全不熟悉,不完全理解它。我想要的是一个包含文本或图像的div,当您单击它时,它将显示另一个div HTML: 点击这里 单击上面的按钮时显示此信息 Jquery: <script> $( ".mytrigger" ).click(function() { $( ".mycontent" ).toggle( "slow", function() { }); }); </script> $(“.mytrigger”)。单击(函数(){

我对jquery完全不熟悉,不完全理解它。我想要的是一个包含文本或图像的div,当您单击它时,它将显示另一个div

HTML:

点击这里
单击上面的按钮时显示此信息
Jquery:

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

$(“.mytrigger”)。单击(函数(){
$(“.mycontent”).toggle(“慢”,函数(){
});
});

因此,当您单击“mytrigger”时,它必须显示“mycontent.”

只需将该函数留在切换调用中即可:

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

编辑:包装在一个DOM就绪调用中

工作正常

您可能需要将Jquery放入其中

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

另外,只需隐藏第二个div,在
display:none
样式中添加
mycontent
类。

Working Fiddle,您得到了什么错误您知道jQuery是一个必须包含的库,而不是一种语言本身吗?我假设您想要“mycontent”“一开始是隐藏的?我没有收到错误,只是不起作用。是的,我希望它以隐藏的形式开始。我该怎么做?谢谢大家的帮助!开始工作了!xoxo
$(document).ready(function()
{
  //Your code here
}