Страница 1 из 11
Форум » uCoz » Помощь по uCoz » Переключение на другой div при нажатии на div (JS)
Переключение на другой div при нажатии на div
CbIPoK Offline
Проверенный
37
Дата: Вторник, 06.10.2015, 04:47 | Сообщение # 1
Вкратце:
Я сделал бота (непонятно зачем), он выводится таймером через 3 секунды, при открытии сайта.
Хочу сделать ещё одного, но при нажатии на кнопку.

Кнопка - это div, при нажатии на него нужно чтобы кнопка пропадала и появлялся бот.
Ну и в боте будет кнопка на выключение, там обратное действие.

Изначально у бота стоит класс со значением position: fixed; bottom: -200px;.
Можно и произвести смену значения bottom на 0px, так работает вывод бота при окончании таймера.

Как реализовать данный скрипт?


Помог? Ставь + в репутацию! :3

Сообщение отредактировал CbIPoK - Вторник, 06.10.2015, 04:54
Профиль
MSerega Offline
Проверенный
92
Дата: Вторник, 06.10.2015, 07:44 | Сообщение # 2
Цитата CbIPoK ()
Кнопка - это div, при нажатии на него нужно чтобы кнопка пропадала и появлялся бот.
Ну и в боте будет кнопка на выключение, там обратное действие.


Код
<div onclick="this.style.display='none'">_____</div>


Вроде так. А за остальное не пойму о чем речь.


Помог? Ставь или поддержи проект.
Профиль
Imapo Offline
Проверенный
5
Дата: Вторник, 06.10.2015, 16:25 | Сообщение # 3
Надеюсь, решение на jQuery подойдёт:
Код
<script>
$(function() {
$('.div1').click(function() {
$(this).hide();
$('.div2').css('bottom', '0px');
});

$('.div3').click(function() {
$('.div2').css('bottom', '-200px');
$('.div1').show();
});
});
</script>


div1 - класс кнопки
div2 - класс блока с ботом
div3 - класс кнопки в блоке с ботом, при клике по которой будет скрыт бот и отображена кнопка div1
Профиль
Форум » uCoz » Помощь по uCoz » Переключение на другой div при нажатии на div (JS)
Страница 1 из 11
Поиск: