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：前端新手 大家前来拍砖