Проблема с onlcick() Помогите разобраться

[Creoman]

Приветствую всех!

 

Есть проблема, очень надеюсь на вашу помощь.

Делаю сайт http://magazin.amedigroup.com/

Всем кнопкам "Смотреть полный каталог" прикрутил событие onclick(), но он почему-то срабатывает только после двойного щелчка по кнопке. Сам скрипт проверял на работоспособность создавая тестовую страницу - все работает, проблем нет, но на этом сайте что-то мешает.

 

Собственно скрипт:

 

<script type="text/javascript">

 

function toggle_show(id) {

 

document.getElementById(id).style.display = document.getElementById(id).style.display == 'none' ? 'block' : 'none';

 

}

 

</script> 

 

и кнопка: 

 

<div id="mybutton" class="red-btn" onclick="toggle_show('c1');toggle_show('d1')">Cмотреть полный каталог</div>

[Switch74]

сначала ваш скрипт не видит в style.display=none и ставит none потом уже видит none и ставит block пропишите у #d1 style="display:none;"

[Great Rash]

function toggle_show(id) {

  var elem = document.getElementById(id);

  elem.style.display = elem.offsetWidth ? 'none' : 'block';

}

[Creoman]

сначала ваш скрипт не видит в style.display=none и ставит none потом уже видит none и ставит block пропишите у #d1 style="display:none;"

 

извиняюсь, что не указал код css, там у меня как раз  было прописано #d1 style="display:none;"

function toggle_show(id) { var elem = document.getElementById(id); elem.style.display = elem.offsetWidth ? 'none' : 'block'; }

 

Спасибо огромное, ваш скрипт очень помог! 

[Switch74]

js не хавает то, что вы указали в css нужно указывать в теле самого тега в параметре style или использовать другой способ получения стилей http://sartas.ru/javascript-poluchenie-stilej-iz-css-fajla/

[Creoman]

Всем спасибо за помощь! Проблема решена благодаря вашей поддержке!

Тему можно закрывать