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>