スライドは

Question

https://jsfiddle.net/SDCH/qqq58vsr/

<input type="checkbox" id="showblockone"> 
<div id="slideout"> 
    <label id="slideout_tab2" for="showblockone" title="Track your Order"> 
     <i class="fa fa-cart-arrow-down fa-2x" aria-hidden="true"></i> 
    </label> 
    <div id="slideout_inner" style="top: 51px; 
"> 
<span>Track your Order</span> 
    </div> 
</div> 
<br><input type="checkbox" id="showblocktwo"> 
<div id="slideout" class="blockTwo"> 
    <label id="slideout_tab3" for="showblocktwo" title="Refer to Friend"> 
     <i class="fa fa-users fa-2x" style="margin-left: -7px;"></i> 
    </label> 
    <div id="slideout_inner" style=" top: 102px;height: 54px;"> 
<span>Refer to Friend</span> 
    </div> 
</div> 
<br><input type="checkbox" id="showblockthree"> 
<div id="slideout"> 
    <label id="slideout_tab4" for="showblockthree" title="Refer to Friend"> 
     <i class="fa fa-exchange fa-2x" style="margin-left: -7px;"></i> 
    </label> 
    <div id="slideout_inner" style="top: 160px; height: 54px;"> 
<span>Easy Return</span> 
    </div> 
</div> 

jsfiddleリンク

を見てください時間と他のdivの中のスライドに一つだけのdiv slideoutを作成する方法

Answer 1

同じname属性を持つinput type="radio"を使用する必要があります。

私はいくつか変更を加えました。それがあなたを助けることを願っています。

Working Demo