在Jquery中定位下一個Div元素

Question

這是HTML

<a style="border: medium none; display: block;" class="agendaNav" href="#"><img class="rightArrow" src="/images/arrowdown.png"> WEEK AT A GLANCE</a>

<div class="agendaDay">

  Content In Here

</div>

同一個鏈接/類重復了幾次，我使用以下JQuery：

$('.agendaNav').click(function(event){
    event.preventDefault();
    if($(this).find('.rightArrow').attr('src')=='/images/arrowdown.png'){
        $(this).find('.rightArrow').attr('src', '/images/arrowright.png');
        $(this).attr('style', 'border-bottom: 1px solid #fff; display: block;');
    } else {
        $(this).find('.rightArrow').attr('src', '/images/arrowdown.png');
        $(this).attr('style', 'border: none; display: block;');
    }
    $('.agendaDay').toggle('fast');
});

如果您在這里看看：

http://icuc2011.com/agenda

您將看到它更改了有意義的每一類scheduleDay，但是我只想在單擊了'a'標記后直接更改它，我嘗試了以下方法：

$(this).next('.agendaDay').toggle('fast');

但是然后箭頭改變了，但是上課日的div根本沒有改變，我在做什么錯？

Answer 1

您的示例與您的實際代碼不匹配。 在您的代碼中，鏈接位於p標記內。 div是此p標記之后的兄弟。 如果這始終是它的工作方式，那么您需要：

$(this).parent().next('.agendaDay').toggle();