@krainoff99

Как сменить блок при клике на него?

Надо что бы при клике на div 1 появлялся вместо него div 2
И тоже самое с div 2 кликаем появляется div 1
  • Вопрос задан
  • 351 просмотр
Решения вопроса 2
Krasnodar_etc
@Krasnodar_etc
avito front
Сделай div 2 поверх div 1 -
<div class="1">
    <div class="2">
    </div>
</div>

CSS (+ класс для активного div 2)
.1{ position: relative;
width: 200px;
height: 200px;
}
.2 {position: absolute;
height: 100%;
width: 100%;
top: 0px;
left: 0px;
opacity: 0;
}

.2.active{ opacity: 1 }


Теперь тебе по клику на div1/2 нужно просто добавлять и убирать класс active для div 2
Ответ написан
e_snegirev
@e_snegirev
html:
<div class="changeable">
<div id="block-1" class="block visible">Первый</div>
<div id="block-2" class="block">Второй</div>
</div>


css:
div.block {
display: none;
}
div.block.visible {
display: block;
}


jquery:
$('.block').on('click', function(){
$(this).closest('.changeable').find('.block').toggleClass('visible');
});
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы