При клике по ссылке открывается DIV блок, еще раз при клике по той же ссылке это окно закрывается
<script type="text/javascript">
function openbox(id){
display = document.getElementById(id).style.display;
if(display=='none'){
document.getElementById(id).style.display='block';
}else{
document.getElementById(id).style.display='none';
}
}
</script>
Ссылка для вывода блока при клике
<a href="#" onclick="openbox('box'); return false">Открыть</a>
Наш блок
<div id="box" style="display: none;">Наш блок</div>
Чтобы изменилось слово закрыть открыть в зависимости от состояния, используйте следующий код:
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 id="toggler" href="#">Открыть</a>
Блок будет иметь вид:
<div id="box" style="display: none;">Наш блок</div>
