Скрытие класса при нажатии на элемент

Сообщений: 573 Регистрация: Дек 2010

17 Марта 2018 13:41

Появилась такая нестандартная задача, есть кнопка:

Код
<div class="read_more" style="cursor:pointer;float:right;font-size:1.30769em;color:#3e77aa;text-decoration:none;border-bottom:1px dotted;">Читать полностью →</div>

До этого есть блок

Код
<div id="text-description-page" class="text-description-content box-hide"> <div class="text_review"> Тут текст </div> </div>

Необходимо при нажатии на элемент удалить класс box-hide
Подскажите как такое можно реализовать?
Знаний в этой области нет, попробовал слепить такого франкинштенна но не работает smile:(

Код
function scritbutton() { $('text-description-page').removeClass('box-hide'); }

Изменено: Big123 - 17 Марта 2018 13:42

Бесплатная контекстная реклама

INWOXER

Сообщений: 995 Регистрация: Окт 2014

17 Марта 2018 14:06

Вот тут хорошие подсказки _https://ru.stackoverflow.com/questions/167050/%D0%A1%D0%BA%D1%80%D0%B8%D0%BF%D1%82-%D0%B4%D0%BE%D0%B1%D0%B0%D0%B2%D0%B8%D1%82%D1%8C-%D1%83%D0%B1%D1%80%D0%B0%D1%82%D1%8C-%D0%BA%D0%BB%D0%B0%D1%81%D1%81-%D0%BF%D1%80%D0%B8-%D0%BA%D0%BB%D0%B8%D0%BA%D0%B5

★★★★★

inwoxer.ru - копии сайтов 300 руб, создание сайтов 900 руб, https сертификаты, раскрутка инстаграм 200 руб и другие услуги по СОЧНЫМ ценам.
NEW! СЕО аудит 400 руб и прогон Твиттер 300 руб

★★★★★

Coder

Сообщений: 8912 Регистрация: Мар 2013

17 Марта 2018 14:10

Смотрим: _https://www.w3schools.com/jsref/event_onclick.asp

✓ Проверенные скрипты и полезности для сайта ✓ Курсы ✓ Изображение в вектор

Eye

Сообщений: 13751 Регистрация: Май 2011

17 Марта 2018 14:10

Код

<div class="read_more" style="cursor:pointer;float:right;font-size:1.30769em;color:#3e77aa;text-decoration:none;border-bottom:1px dotted;" onclick="$('#text-description-page').show();">Читать полностью &rarr;</div>

Моё детство золотое, счастию предела нет, ведь не знал я, что такое зло@бучий интернет © сами найдёте, кому надо

Big123

Сообщений: 573 Регистрация: Дек 2010

17 Марта 2018 14:18

Цитата
INWOXER пишет: Вот тут хорошие подсказки _https://ru.stackoverflow.com/questions/167050/%D0%A1%D0 %BA%D1%80%D0%B8%D0%BF%D1%82-%D0%B4%D0%BE%D0%B1%D0%B0%D0%B2 %D0%B8%D1%82%D1%8C-%D1%83%D0%B1%D1%80%D0%B0%D1%82 %D1%8C-%D0%BA%D0%BB%D0%B0%D1%81%D1%81 -%D0%BF%D1%80%D0%B8-%D0%BA%D0%BB%D0%B8%D0%BA%D0%B5

Ссылка не работает.

Цитата
Coder пишет: Смотрим: _https://www.w3schools.com/jsref/event_onclick.asp

Сложность в том что нужно убрать класс не этой кнопки а вообще другого div`a

Цитата
Eye пишет: Смотрим: _https://www.w3schools.com/jsref/event_onclick.asp

Не работает к сожалению

Mamikonars

Сообщений: 507 Регистрация: Окт 2012

17 Марта 2018 14:23

var delhide = document.getElementById("text-description-page")

function fun(){
delhide.classList.remove("box-hide");

}

Потом для кнопки добавляем
onclick="fun()"

Изменено: Mamikonars - 17 Марта 2018 14:24

Бесплатные биткоины каждый час

Лучшая партнерка

Big123

Сообщений: 573 Регистрация: Дек 2010

17 Марта 2018 14:32

Цитата
Mamikonars пишет: var delhide = document.getElementById("text-description-page" function fun(){ delhide.classList.remove("box-hide"; } Потом для кнопки добавляем onclick="fun()"

Почему-то вообще перестают работать скрипты с этим кодом

Mamikonars

Сообщений: 507 Регистрация: Окт 2012

17 Марта 2018 14:38

Цитата
Big123 пишет: Почему-то вообще перестают работать скрипты с этим кодом

Проверял. Вроде все норм. Можете скинуть ошибку с консоли?

Изменено: Mamikonars - 17 Марта 2018 14:38

Eye Сообщений: 13751 Регистрация: Май 2011	#9 17 Марта 2018 14:50 Big123, так Вы попробовали сделать, как я предложил? Не работает и что говорит консоль? У вас jquery подключена? Изменено: Eye - 17 Марта 2018 14:51

Новые темы	Объявления	Свободное общение
20:28 Turbobit.net - Официальная тема, Costaction ПП 18:37 Поднимем ваш сайт в ТОП 3 Яндекса по НЧ, СЧ, ВЧ запросам 18:24 Бан-лист казиношников в PR.Sape 16:05 Яндекс Турбо страницы - хорошо или плохо? Может их отключить? 15:48 Решено: справочник с алфавитной навигацией на wp 11:55 АП Яндекс ИКС 27.05.2020 \| у вас ИКС изменился? 11:37 Проблемы с сайтом и непонятные причины	19:34 Продажа быстрых SSH туннелей. Любые страны с гарантией! 18:50 Бесплатная реклама Facebook/Instagram 17:20 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр. 17:00 Продвину сайт качественными ссылками. Рост посещаемости, позиций и ИКС. Крауд ссылки недорого + скидки. 12:37 «Взрываем языковые преграды» – переводим любые тексты 11:27 Мониторинг обменных пунктов Pro-ex.club 11:01 Мастерский копирайтинг + редактура и корректура в одну цену	18:34 Ваш сайт блокируют гос органы? Есть решение! 16:39 [b]Webvork [/b]- международная товарная СРА сеть с сертифицированными офферами на Европу. 16:31 CBDPartners - лучшее решение для CBD трафика, запрыгивай в новую нишу! 12:43 Халява на хостинг и ВПС 11:24 Онлайн покупка 10:23 "Связной" ожил! 20:45 Послабления карантина