-1

メニューを開き、同時に他のコマンドをトリガーするメニューボタンを作成しようとしています。

ボタンをクリックすると、メニューが開き、背景が赤に変わります。

ボタンをもう一度クリックすると、メニューが閉じて背景が緑色に変わります。

http://test.bsley.com/rest/menu3/

どんな助けでも大歓迎です！

jQuery:

    $(document).ready(function() {
$("#trigger").click(function() {
    if ($(this).css('background-color') == 'red') {
       alert("test");
    } else {
        $("#panel").slideDown("fast");
        $("body").css( "background-color", "red" );
    }
});
    });

HTML:

    <div id="panel">Here is the menu</div> <div id="trigger">+ Menu</div>
4

4 に答える 4

0

デモ

var i = 0;
$('#trigger').click(function () {
    var color;
    if (i++ % 2 == 0) {
        color = "red";
    } else {
        color = "green";
    }
    $('body').css('background-color', color);
    $('#panel').slideToggle();
});

参考文献

http://api.jquery.com/css/

http://api.jquery.com/toggle/

于 2013-10-01T08:05:51.890 に答える