代码之家  ›  专栏  ›  技术社区  ›  eozzy

切换下一个元素(jquery)

  •  2
  • eozzy  · 技术社区  · 16 年前

    HTML:

    <div class="interview">
        <h4>Interview</h4>
        <a href="#" class="question">This is question 1?</a>
        <div class="answer">This is an answer!</div>
        <a href="#" class="question">This is question 2?</a>
        <div class="answer">This is an answer!</div>
        <a href="#" class="question">This is question 3?</a>
        <div class="answer">This is an answer!</div>
    </div>
    

    jQuery:

    if ($('interview')[0]) {
        $('interview .question').toggle(function () {
            $(this).next('.answer').slideIn();
        },
        function () {
            $(this).next('.answer').slideOut();
        });
    }
    

    …我不明白为什么它不起作用。

    3 回复  |  直到 13 年前
        1
  •  6
  •   Kobi    16 年前

    注意点:

    .interview
    

    还有,没有 幻灯片 ,尝试 slideDown slideUp : http://jsbin.com/ajawo3

    如果在这些函数中没有任何其他代码,则更好的选择是 slideToggle 以下内容: http://api.jquery.com/slideToggle/

        2
  •  1
  •   rahul    16 年前

    您使用的是类选择器,它应该以 .

    所以你必须改变

    $('interview .question')
    

    $('div.interview .question')
    
        3
  •  1
  •   Jack Barham    13 年前

    这是一个简单的版本…

    $('a.question').click(function () {     
        $(this).next('.answer').slideToggle();
    });