Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Первый клик по кнопке, второй клик по кнопке (https://javascript.ru/forum/events/82987-pervyjj-klik-po-knopke-vtorojj-klik-po-knopke.html)

VladisOK 21.08.2021 17:15

Первый клик по кнопке, второй клик по кнопке
 
Дополняю готовый виджет на JavaScript, в js файле есть строка:

JavascriptВыделить код

n=jQuery ('<div class="mfilter-free-button"><h3 class="text-white something" id="mfilter-b">' + mydata.heading + '</h3>')


Это боковая вертикальная фиксированная кнопка ' + mydata.heading + ' - это текст кнопки. При нажатии на кнопку выезжает боковое окно, кнопка пропадает, в правом верхнем углу окна крестик, при нажатии на него окно закрывается, появляется кнопка.

В первоначальном варианте текста кнопки не было, была иконка

Задача - По умолчанию текст кнопки виден, при нажатии и открытии окна, текст кнопки - невиден, при нажатии на крестик и закрытию окна текст кнопки - виден.
Если коротко - по клику скрыть текст и по клику показать текст

Написал код который при первом клике скрывает текст:

JavascriptВыделить код

$(document).ready(function() {           
     $('.mfilter-free-button').on('click', function() {                
         $('#mfilter-b').hide();    
  }); });


Надо дописать код, при втором клике, .hide () на .show ()
Может у Вас есть другой вариант решения

За ранее благодарен за помощь!

рони 21.08.2021 17:38

VladisOK,
$('#mfilter-b').hide(); .toggle()

Rise 21.08.2021 17:45

Цитата:

Сообщение от VladisOK
В первоначальном варианте текста кнопки не было, была иконка

Первоначальный можешь показать?

VladisOK 21.08.2021 22:19

Цитата:

Сообщение от рони (Сообщение 539585)
VladisOK,
$('#mfilter-b').hide(); .toggle()

Спасибо РОНИ работает, но как то рывками или медленней не понятно
Мой вариант .hide() работает по другому, более быстро что ли

А можно всё же вариант?:

click .hide()
click .show()

Если хотите могу в личку скинуть Ваш вариант и свой

VladisOK 21.08.2021 22:40

Цитата:

Сообщение от Rise (Сообщение 539586)
Первоначальный можешь показать?

Привет! Ну я не знаю, что показывать, есть js файл, строку кода я показал первой в посте и один css файл, которые я изменил, могу конечно это выслать, ну и JS код который срабатывает при первом клике я поместил внизу футера

Rise 21.08.2021 22:44

Цитата:

Сообщение от VladisOK
Ну я не знаю, что скидывать

Первоначальный вариант строки из первого поста.

VladisOK 22.08.2021 13:11

Цитата:

Сообщение от Rise (Сообщение 539595)
Первоначальный вариант строки из первого поста.

n=jQuery('<div class="mfilter-free-button"><h3 class="text-white filter-close-button"></h3>')

рони 22.08.2021 13:27

VladisOK,
может так...
$('#mfilter-b').stop().toggle();


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