javascript - .toggle() 函数不起作用

Question

编辑:

我已更改为以下内容，但仍然不起作用:

    $( document ).ready(function() {
    $('.hide').hide();
    $('#bio1 a').click(function()
    {
      //Change case studies
      $('#more1').toggle('slow');
    });

<小时/>

由于某种原因，我的 jquery 切换函数不起作用，尽管 .hide() 函数起作用。我不确定问题是什么，欢迎任何建议!

HTML:

                <h3><a>Some dude</a></h3>
                <p>SOME TEXT
                    <br> <div id="bio1">  <a href="" > <i > <b> Read More </b> </i> </a> <br></div>
                    <div class="hide" id="more1"> SOME TEXT.</p></div>

JavaScript:

    $( document ).ready(function() {
        $(.hide).hide();
        $('#bio1').click(function()
        {
          $('#more1').toggle(slow);
        });    
    });

Answer 1

您可能会收到此错误:

Uncaught SyntaxError: Unexpected token .

原因是由于$(.hide)。您需要将类名括在引号中$('.hide')。

其次，您会收到此错误:

Uncaught ReferenceError: slow is not defined 

原因是由于.toggle(slow)。由于 slow 不是变量，因此您需要将其用引号括起来 '.toggle('slow')'

最终代码应如下所示

$( document ).ready(function() {
    $('.hide').hide();
// -- ^     ^ add this
    $('#bio1').click(function()
    {
      $('#more1').toggle('slow');
      // ----            ^    ^ add this
    });    
});

<强> Fiddle Demo