jq-按钮选中样式

想实现如图效果，设置好了按钮的不同状态样式，想在点击某个按钮后保存.active的样式，其他的恢复默认样式：

<div class="Box">
    <span> 9:00~11:00span>
    <span> 9:00~11:00span>
    <span> 9:00~11:00span>
    <span> 9:00~11:00span>
    <span> 9:00~11:00span>
    <span> 9:00~11:00span>
div>


<script type="text/javascript">  
    $(".Box span").click(function(){
    $(".Box span").removeClass("active");
    $(this).addClass("active");
});  
script>