这样的button群如何用选择器实现只有一个button能激活的效果

Question

HTML样式如下

<div>

      <button class="diyperiod" disabled="true">周期</button>

      <button class="diyperiod" id="6h">6小时</button>

    </div>

    <div>

      <button class="diyperiod" id="3h">3小时</button>

      <button class="diyperiod" id="7h">7小时</button>

    </div>

    <div>

      <button class="diyperiod" id="4h">4小时</button>

      <button class="diyperiod" id="8h">8小时</button>

    </div>

     <div>

      <button class="diyperiod" id="5h">5小时</button>

      <button class="diyperiod" id="9h">9小时</button>

    </div>

      </div>

现在用以下的代码只能实现同一个div下的两个button不能同时激活 想要所有的button只有一个能激活的要如何用选择器？

$$(".diyperiod").on("click",function(){

                $$(this).toggleClass("activebtn").siblings().removeClass("activebtn");

            });