求一个JS显示隐藏层的代码

现有代码:

点击class=1 时显示 class=2 层,
同时

$(class1).click(function(){//点击事件
$(class2).show();//显示class2内容
$(class1).html('.');//改变class2内容
});
$(class1).mouseout(function(){//鼠标移开事件
$(class2).hide();//隐藏class2
});
其实我没看懂楼主的需求，为嘛要用.....

 <style>.hover{color:red}</style>
<div class="1" onclick="showDiv(this)" rel="div1">....</div>
<div class="2" style="display: none;" id="div1">....</div>
<script>
    function showDiv(d) {
        var id = d.getAttribute('rel');
        document.getElementById(id).style.display = 'block';
        if(d.className.indexOf('hover')==-1)d.className = d.className += ' hover';
    }
</script>