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

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

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

17 Марта 2018 14:10

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

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

✓ Курсы

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

Eye

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

Новые темы	Объявления	Свободное общение
13:40 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 10:20 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 11:41 2Index - быстрая индексация страниц сайта и обратных ссылок 18:41 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 09:56 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 23:00 Продвижение по ключам 05:56 Прибыль 200$ - 400$, за каждую 1000 уников! Google, FB и тд	12:17 Мобильные и Резидентные Прокси Для Соц Сетей \| 3 Гб Бесплатно 11:11 PonyBit.ru - обменный пункт PonyBit.ru (Понибит.ру) 22:53 Coin Click.cc - Быстрый и надежный обмен электронных валют в два клика 21:50 CryptoGraph — Анонимный обмен криптовалют без KYC и AML 19:51 BIGPROXY.SHOP - Резидентные Ротационные Backconnect Proxy USA EUROPA MIX [Безлимитный трафик] 17:24 SnapSwap.io — мгновенный обмен BTC, XMR, ETH, USDT и других криптовалют без регистрации! 14:31 AlwaysMoney - платформа для обмена криптовалют	15:59 Про мясо 23:09 ПП от PMS remote.team - 200$ за команду 13:28 Компьютерная мышь 22:55 Ну что, кто куда деваете свои сайты? 22:34 Используете беспроводные наушники? 22:26 Какой фильм посмотреть сегодня вечером? 17:13 Добро пожаловать в цифровой мир...