javascript或者jqery怎么实现下面功能。急急急急急急

左边的div显示图片     
<div>                                 
     <img src/>                                        
</div>
左边div
<div>标题</div>
    <div 这个是隐藏的>显示类容</div>

<div>标题</div>
    <div 这个是隐藏的>显示类容</div>

<div>标题</div>
    <div 这个是隐藏的>显示类容</div>

<div>标题</div>
    <div 这个是隐藏的>显示类容</div>

要求 第一次点击标题的时候显示图片和下面的内容显示出来，这个时候把标题隐藏掉。
第二次点击另一个标题，刚才显示那个内容隐藏掉，把刚才那个标题显示出来，并且显示点击标题的内容，和有关类容的图片。秋解。代码
如果好的在加20分。

答案：图片的id为img
标题div class='title' 内容div class='content' 标题div可以存放自定义属性 比如imgPath=‘a.jpg’
$('.title').click(function(){
     // 获取自定义属性，并重新加载图片
     var imgPath = $(this).attr('imgPath');
     $('#img').attr('src', imgPath);
     // 先隐藏所有
     $('.title').each(function(i, item){
           $(this).hide();
     });

不知道符不符合楼主的思路
     // 把当前点击的给显示出来
     $(this).show();
});

其他：jquery 中的toggle（fn[，[fn，.....]]）方法 你是不是要这种效果，很简单啊，几句JS就行了

<script>
function loadform(flag) {
	if(flag==1){
		 document.getElementById("myform1").style.display = 'block'; 
		 document.getElementById("myform2").style.display = 'none';
		 document.getElementById("reg1").style.display = 'none';
		 document.getElementById("reg2").style.display = 'block';
	 }
	 
	 if(flag==2){
		 document.getElementById("myform2").style.display = 'block'; 
		 document.getElementById("myform1").style.display = 'none';
		 document.getElementById("reg2").style.display = 'none';
		 document.getElementById("reg1").style.display = 'block';
	 }
}

</script>
<a href="###" onClick="loadform(1);" id="reg1">注册1</a>
<a href="###" onClick="loadform(2);" id="reg2">注册2</a>
<div id="myform1" style="display :none;border:1px solid orange; width:100px; height:100px; ">
	111111111111
</div>
<div id="myform2" style="display :none; border:1px solid red; width:100px; height:100px; ">
	222222222222
</div> 在每个div中写上onclick事件，调用对应的function,方法里控制显示和隐藏(内容最初应该都是隐藏的) 

上一个：javascript/jquery 数据录入 按一次tab键就可以切换到下一行，如何实现？
下一个：学习javascript，需要学会那些相关应用