検索バー
5193 ワード
<div class="search-warp right rel">
<div class="search-panel">
<form action="">
<div class="search-input-box left">
<label class="search-label f-f0 f-cg"for="m-search"> </label>
<input id="m-search" class="m-search"type="text" >
</div>
<div class="search-button left">
<button class="btn-search f-cf f-f0" type="submit"> </button>
</div>
</form>
</div>
<div class="search-tabs">
<ul>
<li class="left rel"><a class="f-cr" href="">tab</a></li>
<li class="left rel"><a href="">tab</a></li>
<li class="left rel"><a href="">tab</a></li>
</ul>
</div>
</div>
<script>
$(".m-search").click(function(){
$(this).css("background","#fff");
$(this).siblings("label").css("display","none");
$(this).blur(function(){
$(this).siblings("label").css("display","block");
})
});
</script>