求一段js或者JQ显示隐藏代码

JS或者JQ点击显示隐藏

...
...
...
...
...

...

现求一段JQ或者JS代码控制
一：
点击

...
显示
...
当再次点击和鼠标移开
...
后自动以藏
...
；点击
...
显示
...
当再次点击和鼠标移开
...
后自动以藏
...
。
二：
点击
...
显示
...
当再次点击和鼠标移开
...
后自动以藏
...
.
不要改变我的代码结构，这样的控制JQ或者JS怎么写啊，我是小白希望代码写出来。
 <div id=a>
    <div class=1>.cls1..</div>
    <div class=2>.cls2..</div>
    <div class=3>.cls3..</div>
    <div class=4>.cls4..</div>
    <div class=5>.cls5..</div>
</div>
<div id=b>
    <div class=6>.cls6..</div>
</div>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script>
    $('div.1,div.3,div.5').click(function () {
        var c = parseInt(this.className, 10) + 1;
        $('div.' + c).toggle();
    });
    $('div.2,div.4,div.6').mouseleave(function(){$(this).hide()})
</script>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">




yincangxianshi
#div1 {width:200px; height:400px; background:#CCC; display:none;} function showHide() { var oDiv = document.getElementById('div1'); if（oDiv.style.display=='block'） { oDiv.style.display='none'; } else { oDiv.style.display='block'; } }