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

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

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

17 Марта 2018 14:10

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

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

✓ Курсы

✓ Сервис временных ссылок

Eye

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

Новые темы	Объявления	Свободное общение
19:50 Стоит ли добавлять сайт в Rambler топ 100? 12:37 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 12:14 Продвижение в ТОП-1 Яндекс при помощи лучших ПФ в РФ 15:19 Refmate — сервис для взаимного обмена ссылками 13:06 Продвижение по ключам 09:47 Adsense личный опыт 13:13 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options	04:04 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 01:27 +10 ЛУЧШИХ ОНЛАЙН-CASINO НА 2025 ГОД: от Рейтинга +12 Платформ с выводом без верификации 23:13 Аккаунт работодателя 22:22 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 21:19 SellBuycoin.io - надежный проводник в мир обмена криптовалют на фиат и наличные по РФ! 16:49 Обменяй крипту без стресса – LupiBit.kg 15:45 GoodsMoney.io	00:06 Всего п онемногу 12:45 Куплю проигрышные букмекерские аккаунты 11:55 Union Pharm - топовая фарма-партнерка для профессионалов! 17:09 Точные прогнозы на футбол 10:00 Ну что, кто куда деваете свои сайты? 16:22 Компьютерная мышь 23:55 Добро пожаловать в цифровой мир...