jquery if不起作用

Question

<script src="jquery-2.2.2.min.js"></script>

<script>

    $(function () {

        var click = 1;

        if (click == 1) {

        $(".span").hover(function () {

            var index = $(this).index() + 1;

            var star = "0px -" + index * 16 + "px";

            $("div").css({"background-position": star});

        }, function () {

            $("div").css({"background-position": "0px 0px"});

        })

    }

        $(".span").click(function () {

            var cs=$(this).index() ;

            var cs1=cs * 16 +96;

            var cs2="0px -"+cs1+"px";

            $("div").css({"background-position":cs2});

            click=0;

            })

    })

</script>

用JQ写了一个hover事件和click事件 现在想如果click后 hover事件就不起作用，使用了if。但是if不起作用了 ，不明白啊。。小弟求教各位大佬了。。。。