问题描述

1.问一个问题，如何通过点击链接的不同改变需要显示的div层

在一个index.jsp上有两个超链接。一个登陆，一个超链接，理想状态下：点击登陆弹出图1，点击我有需求弹出图2.
【图1】

【图2】

但是根本实现不了，不用传递flag标志位的，应该怎么做，下面是”登陆”、“我有需求“、和弹出框的代码：
登陆：

 //登录js
$(".header .login").click(function(){
if( $(".login_pop,.mask").fadeIn()){
    if($("[href]".val="###").click(function(){ 

        $("#b").hide();
        $("#a").show();}));
else{

    $("#a").hide();
      $("#b").show();
      }

}
});

【登陆div】：

 <div class="mask"></div>
<div class="login_pop">
    <h3>
        <a href="javascript:;">×</a>用户登录
    </h3>
    <ul>
        <li><i class="username"></i><input id="username" type="text"
            class="txt" value="<%=userName %>">
        </li>
        <li><i class="password"></i><input id="password" type="password"
            class="txt" value="<%=password %>">
        </li>
        <li><label><input id="jzmm" name="jzmm" type="checkbox">记住密码</label>
        </li>
        <li><input type="submit" class="btn" onclick="login()"
            value="登 录">
        </li>
        <li>
            <div class="last clearfix"  style="display:show" id="a">
                <span>没有账号？</span> <a href="${ctx}/register.jtml?action=regqy"
                    class="fr">立即注册</a>
            </div>
            </li>

    <li>
     <div class="last clearfix1" style="display:none"id="b">
                <span><a href="${ctx}/register.jtml?action=showNmfb">匿名发布</a></span> <a href="${ctx}/register.jtml?

action=regqy"
                    class="fr">立即注册</a>
            </div>
    </li>
    </ul>
</div>

【我有需求】：

 <div class="rig fr" >
                <a href="###" onclick="doAddXQ('<c:url value='/index.do?action=personalCenter'/>')"  class="one">
                    <i></i>
                    <p >我有需求</p>
                </a>

【登陆】

 <a href="javascript:void(0)" id="loginid" class="red login">登录</a>&nbsp;&nbsp;<span class="red">|</span>&nbsp;&nbsp;

我想要的是完全通过脚本验证的，不需要传递标志位的那种，这样能实现吗？可以的话，希望给个代码，感谢了（我写的东西在登陆里面，感觉没有用呀，无论点击哪个，弹出的都是图1）

解决方案

参考在线演示