搜索栏

<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>