Добрый день. Не судите строго возможно глупый вопрос( Только учусь...
Есть вот такой код:
<div id="catalog">
<div id="title_catalog">Каталог</div>
<div id="content_catalog">
<ul>
<li><a href="#" title="Школьная мебель">Школьная мебель</a></li>
<li><a href="#" title="Гостиные">Гостиные</a></li>
<li><a href="#" title="Детская мебель">Детская мебель</a></li>
<li><a href="#" title="Мебель для столовых">Мебель для столовых</a></li>
<li><a href="#" title="Мебель для гостиниц">Мебель для гостиниц</a></li>
<li><a href="#" title="Мебель для актовых залов">Мебель для актовых залов</a></li>
<li><a href="#" title="Офисная мебель">Офисная мебель</a></li>
<li><a href="#" title="Мягкая мебель">Мягкая мебель</a></li>
<li><a href="#" title="Мебель для кухни">Мебель для кухни</a></li>
<li><a href="#" title="Мебель для спальни">Мебель для спальни</a></li>
<li><a href="#" title="Мебель из массива">Мебель из массива</a></li>
</ul>
</div>
</div>
<div id="base">
<div id="slider">
<div class="slider-panel">
<div class="slider-news"> <a href="#" title="Школьная мебель"><img src="images/Catalog/Uch mebel/nach_klasy_800_600_1.jpg"</a> </div>
</div>
<div class="slider-panel">
<div class="slider-news"> <a href="#" title="Гостиные"><img src="images/Catalog/Other/Adelina/Adelina1 800_600.jpg"</a> </div>
</div>
<div class="slider-panel">
<div class="slider-news"> <a href="#" title="Детская мебель"><img src="images/Catalog/Det mebel/detskaja_800x600.jpg"</a> </div>
</div>
<div class="slider-panel">
<div class="slider-news"> <a href="#" title="Мебель для столовых"><img src="images/Catalog/kuhnja/KSMS-04A/KMSS-04-A_800_600.jpg"</a> </div>
</div>
<div class="slider-panel">
<div class="slider-news"> <a href="#" title="Мебель для гостиниц"><img src="images/Catalog/Hotel/sanat_800_600.jpg"</a> </div>
</div>
<div class="slider-panel">
<div class="slider-news"> <a href="#" title="Мебель для актовых залов"><img src="images/Catalog/A_Zal/ik/ik_800_600.jpg"</a> </div>
</div>
<div class="slider-panel">
<div class="slider-news"> <a href="#" title="Офисная мебель"><img src="images/Catalog/Ofice/NOM-04/nom04_1_800_600.jpg"</a> </div>
</div>
<div class="slider-panel">
<div class="slider-news"> <a href="#" title="Мягкая мебель"><img src="images/Catalog/M_mebel/uglovoj-dlja-kafe/divan_uglovoj_dlja_kafe_800_600.jpg"</a> </div>
</div>
<div class="slider-panel">
<div class="slider-news"> <a href="#" title="Мебель для кухни"><img src="images/Catalog/kuhnja/post3u/post3U_800_600.jpg"</a> </div>
</div>
<div class="slider-panel">
<div class="slider-news"> <a href="#" title="Мебель для спальни"><img src="images/Catalog/Krovati/Krovat_Valeri/Krovat_Valeri_novinka_800x600.jpg"</a> </div>
</div>
<div class="slider-panel">
<div class="slider-news"> <a href="#" title="Мебель из массива"><img src="images/Catalog/Massiv/tranformer/transformer_sst_800_600.jpg"</a> </div>
</div>
</div>
</div>
Нужно, что бы при наведении на пункт в каталоге изменялся класс в слайдере на "имя класса + active"
Как изменить в пределах одного блока я разобрался (через jQwery) а вот в разных блоках не получается
