Показать сообщение отдельно
  #1 (permalink)  
Старый 31.03.2012, 21:39
Интересующийся
Отправить личное сообщение для Smokvin Посмотреть профиль Найти все сообщения от Smokvin
 
Регистрация: 31.03.2012
Сообщений: 20

Смена стиля при клике
Уважаемые, помогите, пожалуйста, решением проблемы.
Есть следующий код:

<script type="text/javascript">
    function spoiler(id) {
        if(document.getElementById(id).style.display == "none"){
            document.getElementById(id).style.display = "";
 
        } else {
            document.getElementById(id).style.display = "none";
        }
    }
</script>
 

<div class="color1" onclick="javascript:spoiler('spoil1')">Открыть спойлер</div>
<div id="spoil1" style="display: none;">Скрытый текст</div>


Как Вы можете видеть, он открывает скрытый DIV с ID "sploil1". Необходимо доработать этот скрипт то того, чтобы при этом происходила также замена класс "color1" на "color2" (и обратно при повторном клике).

На всякий случай ещё раз:
1. Кликаем: открывается скрытый DIV, основной DIV меняет класс на "color2"
2. Кликаем повторно: спойлерный DIV обратно скрывается, а основной DIV меняет класс обратно с "color2" на "color1"

Заранее благодарю за помощь.
С меня плюс в карму.
Ответить с цитированием