js 框架布局 展开收起功能

[笔尖划过的岁月]

框架布局，可以展开和收起的功能，在IE11可以实现，在搜狗里面却不行，请问一下，该如何做可以让各个浏览器都兼容，代码如下
<script language="javascript" type="text/javascript">
function changeVisible() {
if (parent.bottom.cols != '190,*') {
parent.bottom.cols = '190,*';
document.all.pic.src = "img/hide_menu.gif";
document.all.dir.innerHTML = "隐藏快捷栏"
}
else {
parent.bottom.cols = '0,*';
document.all.pic.src = "img/show_menu.gif";
document.all.dir.innerHTML = "显示快捷栏"
}
}

</script>

[momoxsy]

最好用document.getElementById('id')获取元素，这个所有浏览器都支持，document.all firefox好像不支持