Скрытие класса при нажатии на элемент
Страницы: 1
Скрытие класса при нажатии на элемент
Появилась такая нестандартная задача, есть кнопка:
Код
<div class="read_more" style="cursor:pointer;float:right;font-size:1.30769em;color:#3e77aa;text-decoration:none;border-bottom:1px dotted;">Читать полностью &rarr;</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

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

Вот тут хорошие подсказки _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­

Создание сайтов, адаптация шаблонов, СЕО продвижение, СММ, размещение статей.
Смотрим: _https://www.w3schools.com/jsref/event_onclick.asp
Код
<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> 
Крыши домов дрожат под тяжестью дней,
Небесный пастух пасёт облака,
Город стреляет в ночь дробью огней,
Но ночь сильней, её власть велика.
Цитата
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
Не работает к сожалению
var delhide = document.getElementById("text-description-page")


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

}


Потом для кнопки добавляем
onclick="fun()"
Изменено: Mamikonars - 17 Марта 2018 14:24
Цитата
Mamikonars пишет:
var delhide = document.getElementById("text-description-page"smile;)


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

}


Потом для кнопки добавляем
onclick="fun()"
Почему-то вообще перестают работать скрипты с этим кодом
Цитата
Big123 пишет:
Почему-то вообще перестают работать скрипты с этим кодом
Проверял. Вроде все норм. Можете скинуть ошибку с консоли?
Изменено: Mamikonars - 17 Марта 2018 14:38
Big123, так Вы попробовали сделать, как я предложил? Не работает и что говорит консоль? У вас jquery подключена?
Изменено: Eye - 17 Марта 2018 14:51
Страницы: 1
Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)
Новые темыОбъявленияСвободное общение
01:18 Бесплатная помощь по верстке 
00:36 Оптимизация 
22:53 Profitco - гемблинговая ПП! Проверенные бренды, парк-домены, выплаты каждую неделю, геолокация по ip 
22:36 Альт картинок переобход и траффик 
22:28 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 
22:13 Сайту почти год, посещалка застряла на месте 
22:12 Яндекс выдача 20 апреля 2018 
20:25 Majento PositionMeter - Быстрое сканирование Яндекс и Google 
20:21 Продажа баз доменов на различных эксклюзивных CMS 
19:48 Статейные ссылки по низкой цене и с хорошим качеством 
19:16 Настройка, оптимизация и введение Google AdWords и Яндекс.Директ 
16:13 Меню для сайта. 
15:40 Вывод в ТОП Google. 30 вечных ссылок с PR9 
12:26 Продам каналы Яндекс Дзен 
01:41 Что делать, когда завидуешь своему конкуренту? 
23:01 Работа по всей РФ 
22:07 Форма проверки лотерей на сайт 
20:43 Лучшие анекдоты 
15:57 Что такое 1 ТИЦ - так показывает супр 
14:41 CPA Life 2018 - 26 Апреля в Санкт-Петербурге 
13:18 Развитие Телеграм канала