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

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

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

17 Марта 2018 14:10

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

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

✓ Курсы

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

Eye

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

Новые темы	Объявления	Свободное общение
12:41 AntiBot Cloud - бесплатный скрипт и сервис защиты сайтов 11:42 AMarkets - партнерские программы финансовых рынков 23:34 ВОпросы оптимизации сайта 22:39 Переходы по ссылкам на сайтах 21:28 Profit Pixels - In-House Форекс, Крипто, Трейдинг CPA Офферы \| Еженедельные Выплаты \| CPA до $950 18:59 Яндекс не видит фавикон 16:24 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу.	01:49 Google Voice - OLD аккаунты "SMS и звонки" 21:07 куплю ссылки 16:46 Продвигайтесь в сотнях телеграм-каналов в пару кликов 10:30 Ural-obmen.ru — выгодный сервис обмена 10:05 Obama.ru - безопасный обмен криптовалют и электронных денежных средств 07:28 ProtonPlus.co - выгодный и быстрый обмен, работаем круглосуточно 00:41 GoogleWalker - устранение конкурентов в Google Ads \| Автоматизированная система склика \| АНТИБАН	11:17 У Лукоморья дуб зеленый 10:05 Список обновленных тем пуст... 10:03 Курс доллара упал ниже 85 рублей 22:41 Стоит ли удалять статьи с уникальностью ниже 65% 13:16 Как получить рефералов и посетителей на сайт бесплатно. 15:28 С юмором по жизни! 06:34 Как бесплатно раскрутить сайт в топ Яндекса и Google (ПФ)