iframe 点击左侧菜单栏 右侧显示相应的网页内容

一个简单iframe 点击左侧菜单栏 右侧显示相应的网页内容的实例

左侧菜单栏 用ul li 写的 id是区分各个菜单

右侧内容 有两个相同的div 用id区分

jquery部分

   $('[id="row-"]').hide();
        $("#row-all").show();
        $('[id="title-"]').on("click", function() {
            var clickName=$(this).attr('id').substring(6);
            var showTabId='Chart-'+clickName;
            $('[id="row-"]').hide();
            $('#'+showTabId).show();
        })

自己再写一个link.html的页面

运行效果图