关于JQ的if问题~Input text值的判断

Question

我想仿造小米的首页做一遍，好学习巩固自己的知识。在搜索框部分遇到了一些问题。

这是搜索框，当选中搜索框的时候，里面那2个DIV隐藏。

 //搜索框Input
$(document).ready(function() {
    $("#title-input").focus(function() {
        $(".title-erji").css("display", "none");
        $(".title-erji2").css("display", "none");
    });
    $("#title-input").blur(function() {
        $(".title-erji").css("display", "block");
        $(".title-erji2").css("display", "block");
    });

    // if ($("#title-input").value == "") {
    //     $(".title-erji").css("display", "block");
    //     $(".title-erji2").css("display", "block");
    // } else {
    //     $(".title-erji").css("display", "none");
    //     $(".title-erji2").css("display", "none");
    // }
});

这一块能很好的执行，但是接下来遇到了一些问题
当input里有输入值的时候，再将鼠标点击空白处，input失去焦点，2个div又回来了。
这里是应该写个if，但是我怎么写也写不好，求大神帮忙解答

Answer 1

     $("#title-input").blur(function() {
            if(this.value!='')return;//有值就不显示
        $(".title-erji").css("display", "block");
        $(".title-erji2").css("display", "block");
    });