想用js或jquery来实现当鼠标滑过列表时指中或点击列表中的项名称字段自动动态弹出div

如题，如下图，想用js或jquery来实现当鼠标滑过列表时指中或点击列表中的项名称字段自动动态弹出右边的div层，里面的数据是动态加载进入的，改如何实现，最好有模板，谢了

---

模板应该没有，不过可以写个给你参考一下：

<div id="goodFood">餐饮美食</div>
<div id="foodContent">锋弊隐</div>
<srcipt>
function getContent(type){
jQuery.ajax( {
	type : 'POST',
	contentType : 'application/json',
	url : '/getContent',//你后台的路径
	data : type,
	success : function(data) {
	    //将后台获取的数据动态填充银厅到食物内容列表中
	    $("#foodContent").html(data);		
	},
});
}
$(document).ready(function(){
    $("goodFood").hover(function(){
        //1是type，可以约定好，比如1就代表了餐饮美食，传到后台去，返回数据就行
        getContent(1);
        $("#foodContent").show();
    },function(){
        $("#foodContent").hide();
    })
 卜搭   $("foodContent").hover(function(){
        $("#foodContent").show();
    },function(){
        $("#foodContent").hide();
    })
});
</script>

---

这个要用到ajax

---