Учим с нуля!
Оставить отзыв · Пожаловаться · RSS
  • Страница 1 из 1
  • 1
Форум » uCoz » Помощь по uCoz » Переключение на другой div при нажатии на div (JS)
Переключение на другой div при нажатии на div
CbIPoK Оффлайн
Проверенный
37
Дата: Вторник, 2015-10-06, 04:47 | Сообщение # 1
Вкратце:
Я сделал бота (непонятно зачем), он выводится таймером через 3 секунды, при открытии сайта.
Хочу сделать ещё одного, но при нажатии на кнопку.

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

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

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

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


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


Вроде так. А за остальное не пойму о чем речь.
Помог? Ставь или поддержи проект.
Профиль
Imapo Оффлайн
Проверенный
5
Дата: Вторник, 2015-10-06, 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 из 1
  • 1
Поиск:
Главная