Semplice problema con toggle

[Meliupa]

Ciao ragazzi, so che tempesto di domande in questi giorni, ma ho troppa pressione.
Dovrei fare una cosa molto semplice, vorrei fare in modo che il toggle mi permetta di gestire al meglio i css,

Allora, l'animazione che vorrei creare è la seguente:
1)Il box (toggle) è visibile sullo schermo, con la freccia che punta verso sinistra per la chiusura del div "acc".
2)Al click scompare il div "acc" e la freccia si allinea a destra venendo rivolta verso sinistra.
quanto appena detto accade
Vorrei che però al secondo click sulla freccia si ritornasse alla stessa situazione di prima, invece ora la freccia resta a destra e il div mi si apre alla sua sinistra.
So che sarà una cosa molto semplice ma ne ho bisogno help me!


Jquery

$("#toggle").click(function(e) {        $("#acc").fadeOut(2000, function(){
			$("#freccia").animate("right","fast");
			$("#freccia").css("background-image", "url(css/CAM-freccia_sx.png)");
		})
    });

HTML

<div id="toggle"><div id="freccia"></div><div id="acc">			<ul>    			<li>Explore</li>        		<li><a href="../demo2.html">Learn More</a></li>        		<li><a href="../demo2.html">Accessibility</a></li>        		<li><a href="../demo2.html">Our Team</a></li>        		<li><a href="../demo2.html">Project</a></li>        		<li><a href="../demo2.html">Learn More</a></li>    		</ul> 		</div>        <div class="clear-float"></div></div>

CSS

#toggle{	display:block;
	margin-left:90%;
	top:50%;
	width: 10%;
	position:absolute;
}
#freccia{
	background-image: url(CAM-freccia_dx.png);
	background-position: left center;
	background-repeat: no-repeat;
	height: 180px;
	width: 18%;
	float: left;
	background-color: rgba(0,0,0,1);
	border-radius: 40% 0px 0% 40%;
	border-right:dotted 1px #FFFFFF;
}
#acc{
	float:left;
	width:81%;
	background-color: rgba(0,0,0,1);
	z-index: 976;
}
#acc ul li{
	line-height:30px;
	font-size:25px;
	color:#f60;
	text-align:center;
	text-decoration:underline;
	margin-right:1%;
}
#acc ul li a{
	text-decoration:none;
	color:white;
	display:block;
}
#acc ul li a:hover{
	background-color:rgba(153,153,153,1);
}