bootstrap实现pause/play键切换

HTML部分

<span class="glyphicon glyphicon-play" id="play">

</span>
<span class="glyphicon glyphicon-pause" id="pause">

</span>	

CSS部分

#play{
    display: none;
}

js部分：

$(document).ready(function () {
    var flag=1;//btn按下的标签

    $("#btn1").click(function(){
        if((flag%2)==1)
           {$("#play").css("display","inline");
           $("#pause").css("display","none");
           flag=2;}
        else{
            $("#play").css("display","none");
            $("#pause").css("display","inline");
            flag=1;}

    });
});

ps：前端新手 大家前来拍砖