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


Конкурс "Лучший отзовик"
× Быстрый вопрос
Пользователь месяца
Vmir Vmir 1-й за Апрель
Очков активности: 1 512 8 тем, 60 сообщений, 12 баллов репутации
ТОП самых активных за этот месяц
  • Фотография Андрей WPMasterKZ
    #1

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 352.5 4 темы, 35 сообщений, 5 баллов репутации

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

    dos1k (dos1k.ru)
    Очков активности: 270 4 темы, 48 сообщений, 3 балла репутации

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

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

  • Фотография Роман Зеленков
    #4

    Роман Зеленков
    Очков активности: 105 9 тем, 43 сообщения, 1 балл репутации

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

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

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

    agrx (key-assort.ru)
    Очков активности: 63 0 тем, 21 сообщение, 2 балла репутации

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

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

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

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

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

    Rodiola
    Очков активности: 57 3 темы, 10 сообщений, 2 балла репутации

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

    r0mZet (rz-style.ru)
    Очков активности: 54 1 тема, 9 сообщений, 3 балла репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 24.05.2019
  • Яндекс выдача: 20.05.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 154 сообщений
  • Репутация: 197

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

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

 

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

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

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

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

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

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


  • 0

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





Похожие темы

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

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