Javascript — Как скрыть блоки и показать только с определенным id?

Question

[Константин Романов]

Задача такая есть id 1, 2, 3, 4 нужно скрыть 2, 3, 4 какие есть варианты?

Answer 1

[Vadim Bogomazov]

Может проще по классам?

<div class="hide-content active">Раз</div>
<div class="hide-content">Два</div>
<div class="hide-content">Три</div>
<div class="hide-content">Четыре</div>

$(function() {
	$('.hide-content').not('.active').hide();
});

Comments

[Константин Романов]

Немного не подходит ваш способ выше полный код

Answer 2

[Андрей Голуменов]

$(function() {
	$('.saleoffrate-gren').hide();
	$('#1').show();
});

Answer 3

[Sn0wSky]

$("div").each(function () {
        //Чекать this.id и .hide к нужным
    });

upd: а, если без JQuery, то извиняюсь ;)

Comments

[Константин Романов]

Примеров много интересных но реализовал на CSS

Answer 4

[Андрей Буров]

скрыть все и показать id1

Comments

[Константин Романов]

В моем случае так есть 4 элемента один из них бесплатный хочу вывести надпись что он бесплатный

[Appp Zooo]

@evanto код давайте свой.