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

Сообщений: 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

Сообщений: 1015 Регистрация: Окт 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 - копии сайтов 800 руб, создание сайтов 200 руб, https сертификаты и другие услуги по СОЧНЫМ ценам.
NEW! СЕО аудит 700 руб и прогон Твиттер 500 руб

★★★★★

Coder

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

17 Марта 2018 14:10

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

✓ Проверенные скрипты и полезности для сайта

✓ Курсы

✓ Linux - это максимальная свобода

Eye

Сообщений: 20716 Регистрация: Май 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

Сообщений: 512 Регистрация: Окт 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

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

17 Марта 2018 14:38

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

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

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

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

Новые темы	Объявления	Свободное общение
23:30 ВОпросы оптимизации сайта 22:35 2023-12-07 Выдача 22:24 Партнерская программа Xoffers с прямыми офферами в вертикалях форекс, крипта и бинарные опционы. 15:51 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 12:41 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов 11:42 AMarkets - партнерские программы финансовых рынков 22:39 Переходы по ссылкам на сайтах	22:06 Продаю место под вашу адалт ссылку 20:41 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр. 19:44 EZmob - DSP рекламная сеть. GEO - весь мир! [бонус внутри] 15:39 Накрутка ПФ для любых сайтов. Быстрый результат 14:12 Реклама по дням дешево 12:54 BestChange – обменивать электронную валюту можно быстро и выгодно 12:31 Автоматическое распознавание любых видов капч - CapMonster Cloud	00:59 Точные прогнозы на футбол 00:23 Добро пожаловать в цифровой мир... 22:52 Linux - это максимальная свобода 16:10 Стоит ли удалять статьи с уникальностью ниже 65% 13:50 Курс доллара упал ниже 85 рублей 11:17 У Лукоморья дуб зеленый 10:05 Список обновленных тем пуст...