komme langsom frem

Hej

jeg vil gerne udarbejde jquery så jeg kan lave noget fedt samme med php,

Jeg skal til at lave noget lidt store den her omgang, men det er sådan at den kommer alt alt for hurtig frem ved at skifte farve,

 #indhold {
         width: 1200px;
         height: 50px;
         background: #47c80e;
         display: none;
     }
     #V {
         color: #FFF;
         padding: 5px;
         margin: 10px 2px;
         float: left;
     }
     #H {
         color: #FFF;
         padding: 5px;
         margin: 10px 2px;
         float: right;
     }

Link til jquery script:

 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>

 <p>Hello</p>
 
     <div id="indhold">
         <div id="V">Rød her</div>
         <div id="H">Blå her</div>
     </div>

 $("p").click(function(){
         $("#indhold").show("10000");
         $("p").hide("100");
     });
     $("#V").click(function(){
         $("#indhold").css( "background", "#ff0000" ).show("slow");
     });
     $("#H").click(function(){
         $("#indhold").css( "background", "#0b1cb5" ).show("slow");
     });

Dog skal i lige tænke på at jeg er meget ny ind for det her fag, så folk mig lige hvis jeg gøre noget galt eller i mener at jeg skulle gøre det på en anden måde som jeg viser her

Problem: Når jeg klik på f.eks rød eller blå så skifter den med det samme, det jeg vil have den skal gøre det er den skal gøre det i "slow",

Fint nok: det virker fint nok men den vil ikke gøre det "slow"


Du kan se det hele her Jesperbok - jquery