[CSS][JavaScript][jquery] Zmiana kolorów po kliknieciu Opcje

[dihe]

Witam, wymyśliłem żę po kliknięciu w link z menu zmieni mi się kolor diva na stronie(czyli będzie on zaznaczony) gdy jednak kliknę w inny link to zaznaczenie (kolor) z aktualnego diva zniknie a zmieni się w innym.

PROBLEM:
Zmieniają mi się elegancko kolory, tylko na aktualnym poziomie nie umiem dać krótkiej formuły aby usuwały się zbędne (wcześniej kliknięte kolory div-ów).
Wiecie może jak to zrobić? Moje menu liczy 9 pozycji i jest 9 div-ów.

[HTML] pobierz, plaintext 
    <script type="text/javascript">
$(document).ready(function(){
    $('a#1').click(function(){
       $('div#idea').css('background-color', 'red');
    });
    $('a#2').click(function(){
       $('div#c2c').css('background-color', 'green');
    });
});
    </script>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="menu">
<ul>
        <li><a href="#idea" id="1">Idea</a></li>
        <li><a href="#c2c" id="2">c2c</a></li>
</ul>
<div class="end"></div>
</div>
 
<div id="content">
 
  <div class="box" id="idea">
  <h2>Sample text</h2>
Sample text</div>    
 
  <div class="box" id="c2c">  
  <h2>Sample text</h2>
  Sample text  </div>  
 
[HTML] pobierz, plaintext 

Ten post edytował dihe 20.03.2011, 00:51:06

[dihe]

dziękuję, już rozkminiam.

Zrobiłem taki kod:

[HTML] pobierz, plaintext 
    $('a#1').click(function(){
       $('div#idea').toggleClass('colorRed');
    });
    $('a#2').click(function(){
       $('div#opakowania').toggleClass('colorRed');
    });
 
[HTML] pobierz, plaintext 

I niestety kolory mimo że można włączać i wyłączać klasę to niestety nadal nie wiem jak zrobić aby po kliknięciu na a1 a następnie na a2 wyłączało się a1

Proszę o kawałek kodu jeśli to możliwe

Ten post edytował dihe 20.03.2011, 01:54:06