"Collapsible tree menu with accordion"
Bootstrap 2.3.2 Snippet by meriy100

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <table class="table"> <tr> <td>aaaa</td> <td>aaaa</td> <td>aaaa</td> <td>aaaa</td> </tr> <div> <tr> <td>aaaa</td> <td>aaaa</td> <td>aaaa</td> <td>aaaa</td> </tr> </div> </table>
.menu .accordion-heading { position: relative; } .menu .accordion-heading .edit { position: absolute; top: 8px; right: 30px; } .menu .area { border-left: 4px solid #f38787; } .menu .equipamento { border-left: 4px solid #65c465; } .menu .ponto { border-left: 4px solid #98b3fa; } .menu .collapse.in { overflow: visible; }
function KeyDownFunc(e){ // ------------------------------------------------------------ // 入力情報を取得 // ------------------------------------------------------------ // キーコード var key_code = e.keyCode; // Shiftキーの押下状態 var shift_key = e.shiftKey; // Ctrlキーの押下状態 var ctrl_key = e.ctrlKey; // Altキーの押下状態 var alt_key = e.altKey; // ------------------------------------------------------------ // 出力テスト // ------------------------------------------------------------ console.log("code:" + key_code); console.log("shift:" + shift_key); console.log("ctrl" + ctrl_key); console.log("alt:" + alt_key); } if(document.addEventListener){ // キーボードを押したときに実行されるイベント document.addEventListener("keydown" , KeyDownFunc); // アタッチイベントに対応している }else if(document.attachEvent){ // キーボードを押したときに実行されるイベント document.attachEvent("onkeydown" , KeyDownFunc); }

Related: See More


Questions / Comments: