toggle function not working

toggle function not working

javascript:
function collapse_nav(e)
{
alert("xx");
    getColor = $("#" + e.id).css("color");
//alert(getColor);
if(prevAboutNav!="" && prevAboutNav!=e.id)
{
   $("#nav_"+prevAboutNav).slideUp();
}
if(prevAboutNav!=e.id)
{
$("#nav_"+e.id).css("background-color",getColor).slideDown();
}
$("#expand_readmore").slideUp();
prevAboutNav = e.id;
}


<div id=about_redmore>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem a dolor sit amet, consectetur
<div id='expand_readmore'>
onsequences, or one who avoids a pain that produces no resultant pleasure?
</div>
<a href='#' onclick='$("#expand_readmore").toggle(); if(prevAboutNav!="")$("#nav_"+prevAboutNav).slideUp();'>read more...</a>
 <div style='margin:8px auto; width:600px ; ' ><a href='#' style="text-decoration:none;width:150px;" id='a1' onclick="collapse_nav(this)">STAND-UP COMIC</a> |
 <a href='#' id='a2' style="text-decoration:none;" onclick="collapse_nav(this)">TV PRESENTER</a> | 
<a href='#' id='a3'  style="text-decoration:none;"onclick="collapse_nav(this)">HOST</a> | 
<a href='#' id='a4' style="text-decoration:none;" onclick="collapse_nav(this)">ENTERTAINER</a> | 
<a href='#' id='a5' style="text-decoration:none;" onclick="collapse_nav(this)">ACTOR</a></div>
<br/>
<div id="nav_a1"></div>
<div id="nav_a2"></div>
<div id="nav_a3"></div>
<div id="nav_a4"></div>
<div id="nav_a5"></div>
</div> 
</div>
Plz suggests