Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.08.2021, 17:15
Новичок на форуме
Отправить личное сообщение для VladisOK Посмотреть профиль Найти все сообщения от VladisOK
 
Регистрация: 21.08.2021
Сообщений: 7

Первый клик по кнопке, второй клик по кнопке
Дополняю готовый виджет на 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 ()
Может у Вас есть другой вариант решения

За ранее благодарен за помощь!
Ответить с цитированием
  #2 (permalink)  
Старый 21.08.2021, 17:38
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

VladisOK,
$('#mfilter-b').hide(); .toggle()
Ответить с цитированием
  #3 (permalink)  
Старый 21.08.2021, 17:45
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,662

Сообщение от VladisOK
В первоначальном варианте текста кнопки не было, была иконка
Первоначальный можешь показать?
Ответить с цитированием
  #4 (permalink)  
Старый 21.08.2021, 22:19
Новичок на форуме
Отправить личное сообщение для VladisOK Посмотреть профиль Найти все сообщения от VladisOK
 
Регистрация: 21.08.2021
Сообщений: 7

Сообщение от рони Посмотреть сообщение
VladisOK,
$('#mfilter-b').hide(); .toggle()
Спасибо РОНИ работает, но как то рывками или медленней не понятно
Мой вариант .hide() работает по другому, более быстро что ли

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

click .hide()
click .show()

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

Последний раз редактировалось VladisOK, 21.08.2021 в 22:51.
Ответить с цитированием
  #5 (permalink)  
Старый 21.08.2021, 22:40
Новичок на форуме
Отправить личное сообщение для VladisOK Посмотреть профиль Найти все сообщения от VladisOK
 
Регистрация: 21.08.2021
Сообщений: 7

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

Последний раз редактировалось VladisOK, 21.08.2021 в 22:50.
Ответить с цитированием
  #6 (permalink)  
Старый 21.08.2021, 22:44
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,662

Сообщение от VladisOK
Ну я не знаю, что скидывать
Первоначальный вариант строки из первого поста.
Ответить с цитированием
  #7 (permalink)  
Старый 22.08.2021, 13:11
Новичок на форуме
Отправить личное сообщение для VladisOK Посмотреть профиль Найти все сообщения от VladisOK
 
Регистрация: 21.08.2021
Сообщений: 7

Сообщение от Rise Посмотреть сообщение
Первоначальный вариант строки из первого поста.
n=jQuery('<div class="mfilter-free-button"><h3 class="text-white filter-close-button"></h3>')
Ответить с цитированием
  #8 (permalink)  
Старый 22.08.2021, 13:27
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

VladisOK,
может так...
$('#mfilter-b').stop().toggle();
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
JS / jQuery — почему не получается выполнить программный клик по кнопке? antonium Events/DOM/Window 1 17.07.2018 00:28
jquery - не работает клик по кнопке выбора варианта bartonom jQuery 0 04.10.2012 13:35
Клик срабатывает без щелчка на кнопке - почему?.. deivan Events/DOM/Window 3 13.08.2012 14:42
Как при быстром многократном клике по кнопке обрабатывать только первый клик battrack jQuery 3 22.03.2012 10:47
дать клик по кнопке alerzo Events/DOM/Window 3 10.09.2011 17:21