При клике на ссылку показывать определенный 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, время: 21:31. |