脚本
$(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";
}