jQuery how to code it more nicely
<p>How do you make this code shorter, i'm very new to jquery but i managed to build what i wanted, but is there another way to do this e.g more nicely. </p>

<p>Thanks! </p>

<pre><code>&lt;script type="text/javascript"&gt; 

       $(document).ready(function () {
       $(".genre").click(function () {
       $(".sobox").hide(); 
       $(".fobox").fadeIn() 
       $("#notcurrent").css({"background":"#9aa0ae", "color":"#fefefe"}); 
       $("#current").css({"background":"#2568be", "color":"#fff"}); 

         });

       $(".other").click(function () {
       $(".fobox").hide();  
       $(".sobox").fadeIn();  
       $("#current").css({"background":"#9aa0ae", "color":"#fefefe"}); 
       $("#notcurrent").css({"background":"#2568be", "color":"#fff"}); 

       });
      });

&lt;/script&gt; 
</code></pre>
