jquery导航切换

<div class="weui_dialog_bd" style="max-height:342px; overflow:hidden; overflow-y:scroll;">
            <dl class="coupon_item xianjin coupon_item_on clearfix">
              <dt class="coupon_top">
                  <div class="top_ico"></div>
                  <div class="top_area">
                      <p class="top_area_hd"><span class="value">¥200</span><span class="cate">现金券</span></p>
                      <p class="term">2016-05-10 过期</p>
                  </div>
                  <div class="lt_texture"><i></i></div>
              </dt>
              <dd class="coupon_bot">
                  <div class="rt_texture"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
                  <div class="bot_area">
                      <p class="bot_area_hd">单次金额满1000元即可使用适用于1个月及以上的车易贷、房易贷、达人产品</p>
                      <p class="bot_area_bd"><span class="method">来源：注册</span><span class="come">投资成功后返现</span></p>
                  </div>
              </dd>
          </dl>
          <dl class="coupon_item jiaxi clearfix">
              <dt class="coupon_top">
                  <div class="top_ico"><img src="css/images/ysy.png" /></div>
                  <div class="top_area">
                      <p class="top_area_hd"><span class="value">¥200</span><span class="cate">现金券</span></p>
                      <p class="term">2016-05-10 过期</p>
                  </div>
                  <div class="lt_texture"><i></i></div>
              </dt>
              <dd class="coupon_bot">
                  <div class="rt_texture"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
                  <div class="bot_area">
                      <p class="bot_area_hd">单次金额满1000元即可使用适用于1个月及以上的车易贷、房易贷、达人产品</p>
                      <p class="bot_area_bd"><span class="method">来源：注册</span><span class="come">投资成功后返现</span></p>
                  </div>
              </dd>
          </dl>
          <dl class="coupon_item guoqi clearfix">
              <dt class="coupon_top">
                  <div class="top_ico"><img src="css/images/ygq.png" /></div>
                  <div class="top_area">
                      <p class="top_area_hd"><span class="value">¥200</span><span class="cate">现金券</span></p>
                      <p class="term">2016-05-10 过期</p>
                  </div>
                  <div class="lt_texture"><i></i></div>
              </dt>
              <dd class="coupon_bot">
                  <div class="rt_texture"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
                  <div class="bot_area">
                      <p class="bot_area_hd">单次金额满1000元即可使用适用于1个月及以上的车易贷、房易贷、达人产品</p>
                      <p class="bot_area_bd"><span class="method">来源：注册</span><span class="come">投资成功后返现</span></p>
                  </div>
              </dd>
          </dl>
</div>

<script>
$(function (){
	$("#couponsList dl").unbind().click(
			function() {
				if (!$(this).hasClass("coupon_item_on")
						&& !$(this).hasClass("guoqi")) {
					$("#couponsList dl").removeClass("coupon_item_on");
					$(this).addClass("coupon_item_on");
				} else {
					$(this).removeClass("coupon_item_on");
				}

			});
	
	//关闭优惠券框
	$("#closeCoupon").click(function() {
		$("#usefulCoupon").attr("style", "display:none;");
	});
});
</script>