[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