Intis/sidebar-test-repo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Accordion collapse

Browse Source
This commit is contained in:
Eden Kirin
2022-12-20 15:26:48 +01:00
parent bda4d64904
commit 1ac8243f5d
1 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
index.html
View File

@ -6,27 +6,40 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> <title>Document</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="dist/style.css"> <link rel="stylesheet" href="dist/style.css">
</head> </head>
<body> <body>
<section class="sidebar"> <section class="sidebar">
<nav class="main"> <nav class="main">
<ul> <ul id="tree-root">
<li><a href="#" class="icon icon-dashboard">Dashboard</a></li> <li><a href="#" class="icon icon-dashboard">Dashboard</a></li>
<li><a href="#" class="icon icon-machines">Machines</a></li> <li><a href="#" class="icon icon-machines">Machines</a></li>
<li><a href="#" class="icon icon-events">Events</a></li> <li><a href="#" class="icon icon-events">Events</a></li>
<li><a href="#" class="icon icon-reports">Reports</a></li> <li><a href="#" class="icon icon-reports">Reports</a></li>
<li> <li>
<a href="#" class="icon icon-call-center">Call Center</a> <a href="#" class="icon icon-call-center collapsed" data-toggle="collapse"
<ul class="subnav"> data-target="#call-center-collapse">
Call Center</a>
<ul class="subnav collapse" id="call-center-collapse" data-parent="#tree-root">
<li><a href="#">Ticket Stream</a></li> <li><a href="#">Ticket Stream</a></li>
<li><a href="#">Configuration</a></li> <li><a href="#">Configuration</a></li>
</ul> </ul>
</li> </li>
<li> <li>
<a href="#" class="icon icon-warehouse-management">Warehouse Management</a> <a href="#" class="icon icon-warehouse-management" data-toggle="collapse"
<ul class="subnav"> data-target="#warehouse-management-collapse">
Warehouse Management
</a>
<ul class="subnav collapse show" id="warehouse-management-collapse" data-parent="#tree-root">
<li><a href="#">Product Warehouse</a></li> <li><a href="#">Product Warehouse</a></li>
<li> <li>
<a href="#">Spare part Warehouse</a> <a href="#">Spare part Warehouse</a>