Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Скрытие списка (https://javascript.ru/forum/events/54098-skrytie-spiska.html)

Schokk 03.03.2015 13:28

Скрытие списка
 
Здравствуйте. Есть следующий код.
$(document).ready(function(){
	$("ul").hide();
	$("h3 span").click(function(){
		$(this).parent().next().slideToggle();
	});
});

...

<div class="box">
    <h3 class="box1"><span class="expand box2">Рубрики</span></h3>
    <ul class="box3" id="rub1">
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</div>


В чем загвоздка. В моем сайте есть еще один список и он скрывается из за этой функции выше:
$("ul").hide();

Подскажите как сделать что бы скрывался только этот список. его id="rub1"

laimas 03.03.2015 13:47

его id="rub1" - которое не скрывать? Тогда

$("ul:not(#rub1)").hide();

ksa 03.03.2015 13:48

Цитата:

Сообщение от Schokk
Подскажите как сделать что бы скрывался только этот список. его id="rub1"

Поменяй селектор...

$("#rub1").hide();

Schokk 03.03.2015 13:56

Спасибо, все заработало.

ksa 03.03.2015 14:01

Schokk, вместо программного "скрытия" используй цсс. ;)

<style>
#rub1 {
   display: none;
}
</style>
<div class="box">
    <h3 class="box1"><span class="expand box2">Рубрики</span></h3>
    <ul class="box3" id="rub1">
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</div>


Часовой пояс GMT +3, время: 02:01.