$(function(){
    $(".accordion>dd:not(:first)").css({"width":"0px"})
    $(".accordion>dt:first span").addClass("selected");
    $(".accordion>dt").hover(function(){
        if($("+dd",this).css("width")=="0px"){
            $("dt:has(.selected) +dd").animate({"width":"0px"},"normal")
            $("+dd",this).animate({"width":"470px"})
            $("dt span").removeClass("selected");
            $("span",this).addClass("selected");
        }
    }).mouseover(function(){
        $("span",this).addClass("over");
    }).mouseout(function(){
        $("span",this).removeClass("over");
    })
})