Перейти к содержимому


× Быстрый вопрос
Пользователь месяца
Андрей WPM Андрей WPM 1-й за Июль
Очков активности: 2 142 4 темы, 90 сообщений, 14 баллов репутации
Сайт: wpmaster.kz
ТОП самых активных за этот месяц
  • Фотография Rodiola
    #1

    Rodiola (rukodelkovo.ru)
    Очков активности: 802.5 3 темы, 98 сообщений, 5 баллов репутации

  • Фотография maxnik
    #2

    maxnik (konovalovpavel.ru)
    Очков активности: 378 0 тем, 42 сообщения, 6 баллов репутации

  • Фотография Андрей WPM
    #3

    Андрей WPM (wpmaster.kz)
    Очков активности: 150 Вне конкурса за определение пользователя месяца

  • Фотография IxMaster
    #4

    IxMaster (site.ru)
    Очков активности: 139.5 3 темы, 22 сообщения, 3 балла репутации

  • Фотография lena220678
    #5

    lena220678
    Очков активности: 108 4 темы, 24 сообщения, 2 балла репутации

  • Фотография Megoydagi
    #6

    Megoydagi (24ho.ru)
    Очков активности: 93 5 тем, 16 сообщений, 2 балла репутации

  • Фотография annabum
    #7

    annabum
    Очков активности: 75 2 темы, 19 сообщений, 2 балла репутации

  • Фотография Vmir
    #8

    Vmir
    Очков активности: 57 Вне конкурса за определение пользователя месяца

  • Фотография FIvYUr
    #9

    FIvYUr (moy-evroopt.ru)
    Очков активности: 36 0 тем, 8 сообщений, 3 балла репутации

  • Фотография Constantine
    #10

    Constantine (constantine.video.blog)
    Очков активности: 31.5 3 темы, 12 сообщений, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 30.07.2019
  • Яндекс выдача: 23.08.2019
Топ 5 участников по репутации


Как сделать что б в списке первая кнопка была уже активной изначально?

#1 bololik

bololik
  • Пользователь
  • 6 сообщений
  • Репутация: 0
0

Отправлено 01 Март 2019 - 10:12

Как сделать что б в списке первая кнопка была уже отжата изначально?

2019-02-28_114317.png


 

 

Сообщение отредактировал BLIK: 01 Март 2019 - 10:19
вставил картинку

  • 0

#2 bololik

bololik
    Topic Starter
  • Пользователь
  • 6 сообщений
  • Репутация: 0

Отправлено 01 Март 2019 - 14:48

Как сделать что б в списке первая кнопка была уже отжата изначально?

<script>
var lastOpen;
function collapsElement(id) {
if ( document.getElementById(id).style.display != "none" ) {
document.getElementById(id).style.display = 'none';
}
else {
if(lastOpen !== undefined) {
lastOpen.style.display = 'none';
}
lastOpen = document.getElementById(id);
document.getElementById(id).style.display = '';
}
}
</script>

сам код:

 

<div class="aa1">
<div class="aa11">
<div class="a1"><a href="javascript:collapsElement('identifikator')" title="" rel="nofollow"><button>ПОЭТАПНАЯ ОПЛАТА</button></a></div>
<div class="a2"><a href="javascript:collapsElement('identifikator1')" title="" rel="nofollow"><button>ПОЛНЫЙ ЦИКЛ РАБОТ</button></a></div>
<br /><div class="a3"><a href="javascript:collapsElement('identifikator3')" title="" rel="nofollow"><button>БЕСПЛАТНЫЕ УСЛУГИ</button></a></div>
<div class="a4"><a href="javascript:collapsElement('identifikator4')" title="" rel="nofollow"><button>СОВРЕМЕННЫЕ ТЕХНОЛОГИИ</button></a></div>
<br /><div class="a5"><a href="javascript:collapsElement('identifikator5')" title="" rel="nofollow"><button>ОРИГИНАЛЬНЫЕ<br />АРХИТЕКТУРНЫЕ<br />РЕШЕНИЯ</button></a></div>
<div class="a6"><a href="javascript:collapsElement('identifikator6')" title="" rel="nofollow"><button>ВЫСОКОЕ<br />КАЧЕСТВО<br />СТРОИТЕЛЬСТВА</button></a></div>
</div>
<div class="aa22">
<div id="identifikator" style="display: none"><p><img src="http://xn--80aaeajescwgnrbebbyrfodd2uoa.xn--p1ai/wp-content/uploads/2019/02/885.png" /></p></div>
<div id="identifikator1" style="display: none"><p><img src="http://xn--80aaeajescwgnrbebbyrfodd2uoa.xn--p1ai/wp-content/uploads/2019/02/886.png" /></p></div>
<div id="identifikator3" style="display: none"><p><img src="http://xn--80aaeajescwgnrbebbyrfodd2uoa.xn--p1ai/wp-content/uploads/2019/02/888.png" /></p></div>
<div id="identifikator4" style="display: none"><p><img src="http://xn--80aaeajescwgnrbebbyrfodd2uoa.xn--p1ai/wp-content/uploads/2019/02/899.png" /></p></div>
<div id="identifikator5" style="display: none"><p><img src="http://xn--80aaeajescwgnrbebbyrfodd2uoa.xn--p1ai/wp-content/uploads/2019/02/062.png" /></p></div>
<div id="identifikator6" style="display: none"><p><img src="http://xn--80aaeajescwgnrbebbyrfodd2uoa.xn--p1ai/wp-content/uploads/2019/02/788.png" /></p></div>
</div>
</div>

Сообщение отредактировал BLIK: 01 Март 2019 - 14:54
вставил код

  • 0

#3 fedornabilkin

fedornabilkin
  • Модератор
  • 1 176 сообщений
  • Репутация: 201

Отправлено 21 Март 2019 - 13:02

Наверно надо пошукать в стилях. Что-то типа first-child и правила к нему или правила класса a1 (магический).

 

Такой ужасный код давно не видел, стоило бы от него начинать избавляться.

- Если используем div, то смысл br теряется. Этот тег там лишний.

- Слишком некомфортно использовать style в тегах, более гибко добавить класс типа hidden и убирать/добавлять его скриптом.

- Чтобы не городить кучу ифов, можно реализовать следующую логику. Получить коллекцию элементов и всем им присвоить класс hidden, а тому, который был нажат убрать класс hidden.

- Если добавить onClick(), тогда можно избавиться от этого страшного href и вообще от ссылки. Передаем в функцию this, тогда нам не нужны идентификаторы.

- И еще немного исправить бы...


  • 0

Надо обсудить предложение. А тут знакосчиталка считает знаки. Про Yii2 написано.





Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru