[X] Помощник

[bololik Topic Starter]

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



Сообщение отредактировал BLIK - 1.3.2019, 11:19

Причина редактирования: вставил картинку

[bololik Topic Starter]

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

<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 - 1.3.2019, 15:54

Причина редактирования: вставил код

[fedornabilkin]

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

Такой ужасный код давно не видел, стоило бы от него начинать избавляться.
- Если используем div, то смысл br теряется. Этот тег там лишний.
- Слишком некомфортно использовать style в тегах, более гибко добавить класс типа hidden и убирать/добавлять его скриптом.
- Чтобы не городить кучу ифов, можно реализовать следующую логику. Получить коллекцию элементов и всем им присвоить класс hidden, а тому, который был нажат убрать класс hidden.
- Если добавить onClick(), тогда можно избавиться от этого страшного href и вообще от ссылки. Передаем в функцию this, тогда нам не нужны идентификаторы.
- И еще немного исправить бы...

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.