상단 배너 소스 > jquery

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<style type="text/css">
.hTopIn {width:100%;background:#333;color:#fff;}
.hTopIn .adver {text-align:center;color:#fff;height:100px;line-height:100px;font-size:36px;}
.hTopIn .up {width:100%;color:#fff;border:none;cursor:pointer;}
.hTopIn .up:hover {width:100%;color:red;border:none;}
</style>

<script type="text/javascript">
$(function() {
	// $(".adver").hide(); // 로딩 후 배너 숨김
	$(".hTopIn .up").click(function(){ // 버튼 클릭
		$(".adver").slideToggle(300); // 토글
		return false;
	});
});
</script>

<nav class="nav">
	<div class="hTopIn">
		<div class="adver">여기에 공지를 넣습니다.</div>
		<input type="button" value="▲" class="up" title="메뉴">
	</div>
</nav>