Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.01.2020, 14:41
Аспирант
Отправить личное сообщение для saves7 Посмотреть профиль Найти все сообщения от saves7
 
Регистрация: 07.08.2013
Сообщений: 53

Показать/скрыть блок по щелчку на другом блоке
Добрый день. Кто видит проблему. Почему изначально el.nextElementSibling.style.display имеет пустое значение. Из за этого первоначально приходится два раза щелкать по блоку для открытия следующего блока.

<style>
        .news-card__title{
            border: 1px solid #555;
            cursor: pointer;
        }
        .news-card__content {
            display: none;
            border: 1px solid #555;
        }
    </style>

<body>
        <div class="news-card__title" onclick="hid_show(this)">
            <h3>Последние новости (щелкни, чтобы открыть)</h3>
        </div>
        <div class="news-card__content">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi?</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi?</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi?</p>
        </div>
</body>



function hid_show(el) {
    console.log(el.nextElementSibling.style.display);
   // el.nextElementSibling.style.display = 'none'
    if (el.nextElementSibling.style.display === 'none') {
        el.nextElementSibling.style.display = 'block';

    } else {
        el.nextElementSibling.style.display = 'none';

    }
}

Последний раз редактировалось saves7, 26.01.2020 в 14:47.
Ответить с цитированием
  #2 (permalink)  
Старый 26.01.2020, 14:53
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Сообщение от saves7
if (el.nextElementSibling.style.display === 'none') {

if (el.nextElementSibling.style.display != 'block')
Ответить с цитированием
  #3 (permalink)  
Старый 26.01.2020, 14:55
Аспирант
Отправить личное сообщение для saves7 Посмотреть профиль Найти все сообщения от saves7
 
Регистрация: 07.08.2013
Сообщений: 53

Спасибо.
Ответить с цитированием
  #4 (permalink)  
Старый 26.01.2020, 14:57
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

saves7,
на всякий случай поиск по форуму открывашка
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как правильно склонировать блок, если инпуты в блоке находится в фокусе kos0760 Элементы интерфейса 3 03.12.2019 23:08
Показать/скрыть блок при клике на jQuery vov555vov jQuery 3 04.07.2017 14:34
Ховер и появляющий блок Shuryga Элементы интерфейса 3 28.09.2015 14:39
Копирование блоков в блок maximus Events/DOM/Window 1 14.09.2013 19:40
Показать/скрыть блок Lelja_05 jQuery 10 01.07.2013 20:05