При клике на ссылку показывать определенный div id
Здравсвуйте!
Пользуясь данным скриптом window.onload= function() { document.getElementById('toggler').onclick = function() { openbox('box', this); return false; }; }; function openbox(id, toggler) { var div = document.getElementById(id); if(div.style.display == 'block') { div.style.display = 'none'; toggler.innerHTML = 'Открыть'; } else { div.style.display = 'block'; toggler.innerHTML = 'Закрыть'; } } Делаю вывод скрытого дива. // <a href="$ENTRY_URL$">$TITLE$</a> | <a href="#" id="toggler">Ссылка, при которой открывается скрытый див</a> <div id="box" style="display: none;"> Скрытый див...... </div> Но почему-то это работает только на самую первыю ссылку в списке, как сделать что-бы работало на все. |
Каждая ссылка вначале кода имеет div id.
<div id="entryID105"> </div> Работает скрипт всегда только на последний добавленный div id. |
noobasik,
Вам нужно передавать id блока, который вы хотите показать/скрыть при клике на ссылку. <a href="#" id="toggler" onclick="toggle('box', this);">Ссылка, при которой открывается скрытый див</a> <div id="box" style="display: none;"> Скрытый див...... </div> function toggle(id, link) { openbox(id, link); return false; } function openbox(id, toggler) { var div = document.getElementById(id); if(div.style.display == 'block') { div.style.display = 'none'; toggler.innerHTML = 'Открыть'; } else { div.style.display = 'block'; toggler.innerHTML = 'Закрыть'; } } |
Спасибо уже разобрался
|
Часовой пояс GMT +3, время: 06:15. |