Пример
Случаи, нанесения тяжкого вреда по неосторожности – повод для судебного разбирательства, в котором пострадавшие могут требовать с виновника всех компенсационных выплат.
Без экспертной поддержки подобрать хорошее авто будет сложно, так как за объявлением в сети могут стоять мошенники или на деле окажется, что авто в плачевном состоянии, требует дорогостоящего ремонта.
Специалисты компании проведут независимое оценивание в сжатые сроки, учтут техническое состояние техники и сопутствующие факторы.
Сделаем необходимые проверки при помощи спец. оборудования, составим экспертное заключение и подадим акт о расчете стоимости на руки владельцу.
Назначаем нужные классы
Первым делом назначаем нужные классы для блока, который должен быть скрыт и для элемента, который будет являться тригером, чтобы блок появился.
В моем примере для нижней секции, которая содержит в себе 2 колонки с услугами, я назначил класс: «showclick«. Для этого в расширенных настройках секции в поле Css классы пишем «showclick» без точки.
Таким же образом для кнопки «Показать еще услуги» назначаем класс «clicktoshow«.
Названия классов можно задавать любые. Главное правильно вставить их в код, который будет ниже.
Вставляем html код
Добавляем виджет «HTML-код» и вставляем туда вот это:
<script>
document.addEventListener('DOMContentLoaded', function() {
jQuery(function($){
$('.clicktoshow').each(function(i){
$(this).click(function(){ $('.showclick').eq(i).show();
$('.clicktoshow').eq(i).hide();
}); });
}); });
</script>
<style> .clicktoshow{cursor: pointer;} .showclick{display: none;} </style>
Вставлять можно в любое место на странице, но я рекомендую поближе к блоку, который нужно скрыть,для того, чтобы было удобнее редактировать.
Имейте ввиду, что после вставки кода, скрываемый блок пропадет даже в редакторе. Для того, чтобы он вновь появился в коде свойство «display: none» замените на «display: block».
Проверял на 2х сайтах, не работает.
Значит что-то делаете не так. Делал такое на клиентских сайтах и в примере в этой статье.
Везде нужно заменить ‘ — на ‘ — тогда все заработает
$(‘.clicktoshow’).each(function(i){
$(‘.clicktoshow’).each(function(i){
Добавил еще плавное открытие секций, можно посмотреть здесь:
https://cliffe.ru/logocreate/
Спасибо, исправил. Глюк какой то был.
Спасибо!)
Спасибо. Очень выручили.
Хороший у Вас сайт, правда некоторые элементы кажутся очень знакомыми. Интересно, где я мог такие видеть? 🙂
Ооо, привет, Илья!) Не ожидал вас здесь увидеть) Равняемся на лучших)