js 实现导航层的显隐

<div class="navigation">
                            <ul >
                                <li><span>
                                    <img  /></span>信息管理
                                    <ul >
                                        <li>本站新闻</li>
                                        <li>行业新闻</li>
                                        <li>求购信息</li>
                                        <li>发布信息</li>
                                    </ul>
                                </li>
                                <li><span>
                                    <img  /></span>公司新闻
                                    <ul >
                                        <li>公司新闻</li>
                                        <li>公司新闻</li>
                                        <li>公司新闻</li>
                                        <li>公司新闻</li>
                                        <li>公司新闻</li>
                                    </ul>
                                </li>
                                <li><span>
                                    <img  /></span>公司新闻
                                    <ul >
                                        <li>公司新闻</li>
                                        <li>公司新闻</li>
                                        <li>公司新闻</li>
                                        <li>公司新闻</li>
                                        <li>公司新闻</li>
                                    </ul>
                                </li>
                                <li><span>
                                    <img  /></span>公司新闻
                                    <ul >
                                        <li>公司新闻</li>
                                        <li>公司新闻</li>
                                        <li>公司新闻</li>
                                        <li>公司新闻</li>
                                        <li>公司新闻</li>
                                    </ul>
                                </li>
                                <li><span>
                                    <img  /></span>公司新闻
                                    <ul >
                                        <li>公司新闻</li>
                                        <li>公司新闻</li>
                                        <li>公司新闻</li>
                                        <li>公司新闻</li>
                                        <li>公司新闻</li>
                                    </ul>
                                </li>
                                <li><span>
                                    <img  /></span>公司新闻
                                    <ul >
                                        <li>公司新闻</li>
                                        <li>公司新闻</li>
                                        <li>公司新闻</li>
                                        <li>公司新闻</li>
                                        <li>公司新闻</li>
                                    </ul>
                                </li>
                                <li><span>
                                    <img  /></span>公司新闻
                                    <ul >
                                        <li>公司新闻</li>
                                        <li>公司新闻</li>
                                        <li>公司新闻</li>
                                        <li>公司新闻</li>
                                        <li>公司新闻</li>
                                    </ul>
                                </li>
                                <li ></li>
                            </ul>
                        </div>

var nav_li_ul_items = $get("nav").getElementsByTagName("ul");
function nav_expand(id) {

    var ul_id = "u" + id.substring(id.indexOf("_"));

    for (var i = 0; i < nav_li_ul_items.length; i++) {
        if (nav_li_ul_items[i].id == ul_id) {
            nav_li_ul_items[i].style.display = "block";
            $get("img_" + i).src = "images/dian1.jpg";
        } else {
            nav_li_ul_items[i].style.display = "none";
            $get("img_" + i).src = "images/dian2.jpg";
        }

    }
}