Вывести виджет при клике

#1 2 сентября 2021 в 22:28

Привет. Мне необходимо вывести виджет при клике на определенную. кнопку. Все это без проблем могу сделать в джава скрипт.

Вопрос, куда закинуть виджет чтобы его скрыть? Есть место «привязываемые виджеты» что это такое? Могу ли я туда поместить виджет и потом вызвать?

#2 2 сентября 2021 в 22:30

А зачем спрашивать, если можно самому попробовать?

#3 3 сентября 2021 в 12:49

А зачем спрашивать, если можно самому попробовать?

IamB

Пробовал не работает, значит для чего то другого. Тогда для чего это? Но есть подсказка «Перенесите сюда виджет, чтобы привязать его с общими настройками неограниченное кол-во раз»… Что за настройки? Но утро вечера мудренее, возможно в этом дело))

Добавлено спустя 14 часов

В итоге. Ставим скрываемый виджет в любое место. Прописываем ему нужный класс контейнера. В моем случае did. 

В стили длбавляем - 
.did {
    display: none;
}

Выводим кнопку где нужно 
<a href=«javascript:Spoiler();» class=«link_spoiler» id=«linkSpoiler»>Подробнее</a>

Небольшой скрипт, который позволяет скрыть и показать элемент.
<script>
function Spoiler() {
    var ele = document.querySelector(".did");
    var text = document.getElementById(«linkSpoiler»);
    if(ele.style.display == «block») {
            ele.style.display = «none»;
        text.innerHTML = «Подробнее»;
      }
    else {
        ele.style.display = «block»;
        text.innerHTML = «Скрыть»;
    }
}
</script>

 

#4 4 сентября 2021 в 23:54

 KoRn, Что-то вы прям сильно заморочились, можно ведь сделать все намного проще и изящнее) Тем более на модерне и на bootstrap ))) Написал в лс) 

#5 5 сентября 2021 в 01:22

Написал в лс) 

Make

а если бы написали сюда, то еще больше людей были бы благодарны)

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.