Подскажите как правильно получить элемент .. точнее прилепить к нему .css свойства...
есть такой кусок
<ul id="menu_catalog">
<li ><a href="#" ><div class="border_menu"><div class="border_menu1">Скатная кровля</div></div><div class="catalog_select_part"></div></a>
<ul id="sc1" class="sub_catalog" >
<li><a href="page1.1.aspx" >page1.1</a></li>
<li><a href="page2.1.aspx" >page2.1</a></li>
</ul>
</li>
<li ><a href="#" ><div class="border_menu"><div class="border_menu1">Скатная кровля</div></div><div class="catalog_select_part"></div></a>
<ul id="sc2" class="sub_catalog" >
<li><a href="page2.1.aspx" >page2.1</a></li>
<li><a href="page2.2.aspx" >page2.2</a></li>
</ul>
</li>
</ul>
................................
................................
................................
Теперь находясь на страницах подкаталога 1 он всегда развернут.
На страницах подкаталога 2 , развернут он.
Теперь мне надо изменить css свойства элементов border_menu и border_menu1 но только у тех чей подкаталог развернут.
Тоесть я знаю что развернут ul sub_catalog с id=sc1.
Получаеться мне надо обратится к родителю sc1 и уже там добавлять css для моих border_menu и border_menu1
попробовал что то типо этого не вышло.
$("#sc1").parentNode.$(".border_menu").css("","" )
Подскажите пожалуйсто!