0
Facebook如何切换其通知中心图标以单击时显示带有通知的各个DIV?Facebook如何切换其通知中心图标以单击时显示带有通知的各个DIV?
你们所有人都至少与脸书网站上徽标附近左上角的Facebook通知中心互动。他们如何锻炼?
这是下面的图片可以说明Facebook的通知中心我谈论
这是我使用到的锻炼,我的样本代码..
<style>
div, a {
display: block;
}
body {
width: 500px;
margin: 100px auto;
}
a {
border: 1px solid #ccc;
background: #ececec;
-webkit-border-radius: 3px;
padding: 5px 20px;
text-align: center;
color: red;
text-decoration: none;
}
#one {
margin-bottom: 30px;
}
.dn_js {
display: none;
}
.db_js {
display: block;
}
</style>
<div class="wrap">
<div id="one">
<a href="#" data-open="frdz" class="aTggl active">Friends</a>
<div id="frdz" class="innerWrap dn_js">Mike</div>
</div>
<div id="two">
<a href="#" data-open="Ntfn" class="aTggl">Noticiations</a>
<div id="Ntfn" class="innerWrap dn_js">Peter</div>
</div>
</div>
这里是JS
<script type="text/javascript">
$(document).ready(function (e) {
$(".aTggl").on("click", function(e) {
e.preventDefault();
var $this = $(this);
$(".active").removeClass("active");
$this.addClass("active").parent().siblings().children(".innerWrap").addClass("dn_js");
var content_show = $(this).data("open");
$("#"+content_show).addClass("db_js");
});
});
</script>
你的问题到底是什么?你自己的代码工作吗?如果不是,*什么*不起作用? – thaJeztah 2013-03-24 17:06:09
我的代码不工作。 – 2013-03-24 17:26:04
任何人的帮助请... – 2013-03-24 19:09:04