左侧导航，右侧显示内容的跳转问题～

Question

首先是有两个页面，一个是显示页面，一个是编辑页面，内容排版几乎一样～！当你点击显示页面的　“编辑”　按钮之后，就会自动跳转到编辑页面。两个页面的排版都是左右式的，左边类似导航菜单，什么“基本配置”“终端配置”“报警配置”．．．等等一列选项大类，右边就是这些选项的具体内容～！比如对于显示页面，我点击“终端配置”，右边就相应的显示其内容～！其他类似～！　我采取的方式市　把“基本配置”的内容默认显示，其他所有的选项大类内容都默认隐藏，当你点击其他选项大类时，在右侧激活并显示，其余的再变为隐藏～！但是现在出现了一个问题，当我在显示页面，显示“终端配置”的时候，点击“编辑”，跳转到　编辑　页面的时候，就默认显示了“基本配置”的编辑内容（因为编辑页面的默认显示就是“基本配置”），而不会直接跳转到“终端配置”的编辑页面～！　要跳转，需要自己手动点～！　这个体验确实不好～！但是我这个是用ｊａｖａｓｃｒｉｐｔ控制的显示与隐藏，而不是各自独立的页面，真不知道怎么处理了～！javascriptjsp css 

Answer 1

显示的样式有点类似  CSDN 论坛的模式，左边点击论坛类型，右边显示内容~！但是我的只有十个选项， 而且没有二级菜单~！ 关键是我不是使用独立的页面，而是在同一个页面，控制显示与隐藏而已~！ 那跳转的时候，既要保证跳转到编辑页面，又要保证跳转的对应，“终端配置“的显示页面就要跳到“终端配置”的编辑页面，而不能跳到默认的“基本配置”页面~！ 
有点无奈~！  急急急~！ 分不多 见谅~！

Answer 2

楼主  你把个对应的模块名  取得具有一定的意义
然后js做 隐藏|显示 的时候 取同名的就可以了<ul id="leads">
    <li lead="page_1"></li>
    <li lead="page_2"></li>
    <li lead="page_3"></li>
</ul>
<ul id="pages">
    <div page="page_1" is_page="true"></div>
    <div page="page_2" is_page="true"></div>
    <div page="page_3" is_page="true"></div>
</ul>
$("#leads li").click(function(){
    $("#pages [is_page='true']").hide();
    $("#pages [page='" + $( this ).attr("lead") + "']").show()
});

Answer 3

我上面说的不是很准确，跳转的时候，都是由显示页面(view.jsp)跳转到编辑页面(edit.jsp)，只是跳转过去的时候，对应的选项大类要一致~！我现在跳转的时候，只是跳转了，但是不管我在显示页面选择的是"基本配置"还是"终端配置"还是其他，跳转过去的时候，在编辑都只会默认显示"基本配置"的选项内容。比如我现在在显示页面点击的是“终端配置”的内容，那理论上我点击编辑之后，应该是会直接跳到 编辑页面，并且让"终端配置"显示出来，而不应该还是显示默认的"基本配置"~！这个意思~！

Answer 4

你点编辑时候跳转页面时候加个参数就行了 比如“终端配置”编辑按钮事件为edit.jsp?target=zdpz,
edit.jsp就根据target这个值通过js动态设置默认显示“终端配置”。