脚本
$(document).ready(function(){
$(".aboutBtn").click(function () {
$(".aboutContent").slideToggle("slow");
});
$(".contact").click(function () {
$(".aboutContent").slideToggle("slow");
});
});
HTML
<article class="aboutBtn">ABOUT</article>
的CSS
.aboutBtn{
width:85px;
padding:5px 0px 5px 10px;
background-color:#d8531e;
cursor:pointer;
color:#ffffff;
font-size:20px;
text-transform:uppercase;
position:relative;top:-48px;
font-family:"Segoe UI Light";
}
答案 0 :(得分:2)
使用样式表隐藏弹出窗口。
CSS:
.aboutContent{
display: none;
}