0

次のtoggleClassは機能しません。

    $nav_item = $ ('.active_wrapper, .main_nav div.arrow_up_img, .main_nav div.arrow_down_img'),
    $arrow_down = $ ('.main_nav div.arrow_down_img'),
    $arrow_up = $ ('main_nav div.arrow_up_img');

    $('.active_wrapper').click(function(e){
        e.preventDefault();
        $('.main_nav div').not($nav_item).slideToggle('slow', function(){
            $(arrow_down).toggleClass($arrow_up);
        });

    });

HTML

        <nav class="main_nav">
            <div class="active_wrapper"><a href="#">Home</a>
                <div class="arrow_down_img"></div>
            </div>
            <div><a href="about.php">About Us</a></div> 
            <div><a href="flavours.php">Flavours</a></div>
            <div><a href="stockists.php">Stockists</a></div>
            <div><a href="thecollective.php">The collective</a></div>
            <div><a href="shop.php">Shop</a></div>
        </nav>

トグルクラスは、上向きと下向きの2つの矢印を切り替えるために使用されます（これはドロップダウンメニューであると想像できます）が、なぜ機能しないのか本当にわかりません。

4

2 に答える 2

0

正しいコードは次のようになります $arrow_down.toggleClass('arrow_up_img');

于 2012-12-17T11:00:36.710 に答える
0 
   nav_item = $ ('.active_wrapper, .main_nav div.arrow_up_img, .main_nav div.arrow_down_img');
   arrow_down = $ ('.main_nav div.arrow_down_img');//missing semi colon
   arrow_up = $('main_nav div.arrow_up_img');//missing semi colon

$('.active_wrapper').click(function(e){
    e.preventDefault();
    $('.main_nav div').not(nav_item).slideToggle('slow', function(){
        arrow_down.toggleClass(arrow_up);//Invalid Object assignment
    });

});​

作業デモ

于 2012-12-17T11:04:55.383 に答える