2012-04-14 18 views
1

請不要毆打我很多下面寫的代碼。在腳本切換菜單中添加「if」條件(jquery)

var flip = 0; 
$('#btn').click(function() { 
$('#blck').toggle(flip++ % 2 == 0); 
$('#menu-btn') .removeClass('close') .addClass('open') 
}); 

代碼我放在一塊2,他應該執行打開和關閉的div,而改變另一個div的類。 問題是,第二個對象的類不會變回第二個點擊......據我所知應該是一個條件IF。幫助我理解語言的語法。

非常感謝提前和歉意壞英語。

這個問題已經關閉。謝謝gillesc。你的建議沒有工作,我不得不添加:

var flip = 0; 
$('#btn').click(function() { 
$('#blck').toggle(flip++ % 2 == 0); 
$('#menu-btn').toggleClass('close open'); 
}); 

現在一切都是爲了

+3

好像你想要['toggleClass'](http://api.jquery.com/toggleClass/)。要學習JavaScript和jQuery,請閱讀[MDN JavaScript指南](https://developer.mozilla.org/en/JavaScript/Guide)和一些[jQuery教程](http://docs.jquery.com/Tutorials)。 – 2012-04-14 12:32:47

回答

3

你沒有,如果有需要,只需撥動類,同爲塊只需撥動它。

$('#btn').click(function() { 
     $('#blck').toggle(); 
     $('#menu-btn').toggleClass('close open'); 
    }); 
+0

或簡單的'$(...)。toggleClass('close open')' – 2012-04-14 12:37:55

+0

'var flip = 0; ('#btn')。click(function(){('#blck')。toggle(flip ++%2 == 0); $('#menu-btn')。toggleClass('close open '); });' – user1103744 2012-04-14 12:49:08

1
var flip = 0; 

$('#btn').click(function() { 
    var menu_button = $('#menu-btn'); 

    $('#blck').toggle(flip++ % 2 == 0); 

    if (menu_button.hasClass('open')) { 
     menu_button.removeClass('close'); 
     menu_button.addClass('open'); 
    } else { 
     menu_button.removeClass('open'); 
     menu_button.addClass('close'); 
    } 
}; 
+0

非常感謝你的男人!你救了我:) – user1103744 2012-04-14 12:35:47

+0

@ user1103744不客氣,很高興我可以幫到 – 2012-04-14 12:36:56