[jQuery] Podwójne zdarzenie Opcje

[.rmvb's]

Witam.
Zastanawiam się, w jaki sposób mogę przypisać jakby dwie rzeczy do jednego elementu.
Pokażę kod i wytłumaczę co chcę osiągnąć

[HTML] pobierz, plaintext 
$(document).ready(function(){
	$("#menu-open").addClass("on");
	var szerokosc = $(window).width();
	$(".on").click(
	function()
	{
		$(".grey-panel").animate({width:"+="+szerokosc+"px"},1000);
		$('nav ul').delay( 200 ).animate({top:"+=40px" },1000);
		$("#menu-open").addClass("off").removeClass("on");
	});
 
	$(".off").click(
	function()
	{
		$('nav ul').animate({top:"-=40px" },1000);
		$(".grey-panel").delay( 200 ).animate({width:"-="+szerokosc+"px"},1000);
 
		$("#menu-open").removeClass("off");
		$("#menu-open").addClass("on");
 
	});
});
[HTML] pobierz, plaintext 

Chciałbym aby za pośrednictwem jednego przycisku otwierać i zamykać menu.

[HTML] pobierz, plaintext 
<a id="menu-open" class=""></a>
			<div class="grey-panel">
				<ul>
					<li>jeden</li>
					<li>dwa</li>
					<li>trzy</li>
					<li>cztery</li>
				</ul>
			</div>
[HTML] pobierz, plaintext 

Po każdej akcji kliknięcia chciałem zmieniać klasę, aby kolejne kliknięcie otwierało inne zdarzenie. W efekcie tego co mam aktualnie, otwiera się jedynie zdarzenie od klasy on..
W jaki sposób mógłbym rozwiązać mój problem ?

Ten post edytował .rmvb's 5.09.2013, 14:43:31

[skowron-line]

[JAVASCRIPT] pobierz, plaintext 
var isopen = false;
 
$('element').on('click', function(){
   if(isopen == false) {
        isopen = true;
//otwieram
   }
   else
  {
     isopen = false;
//zamykam
  }
});
[JAVASCRIPT] pobierz, plaintext 

jeżeli dobrze zrozumiałem.