Хотел бы сделать для мобильных пользователей чтобы блок слева при закрытии не открывался, пока сам пользователь не откроет его, дабы не сжимать главный контент страницы.
<div id="toggler" href="#"><a href="#" class="button31" tabindex="0" title="закрыть чат"></a></div>
<div id="box">
Содержание блока
</div></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 = '<a href="#" class="button32" tabindex="0" title="открыть чат"></a>';
}
else {
div.style.display = 'block';
toggler.innerHTML = '<a href="#" class="button31" tabindex="0" title="закрыть чат"></a>';
}
}