Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Title</title>
- <link rel="stylesheet" href="dist/css/adminlte.min.css">
- </head>
- <body>
- <aside class="main-sidebar sidebar-dark-primary elevation-4">
- <!-- Control sidebar content goes here -->
- <div class="p-3">
- <p>lorem</p>
- </div>
- </aside>
- <aside class="control-sidebar control-sidebar-dark">
- <!-- Control sidebar content goes here -->
- <div class="p-3">
- <p>ipsum</p>
- </div>
- </aside>
- <div class="content-wrapper">
- <a href="#" class="mstoggle" data-widget="pushmenu">main</a>
- <a href="#" class="cstoggle" data-widget="control-sidebar">control</a>
- </div>
- <script src="plugins/jquery/jquery.min.js"></script>
- <script src="dist/js/adminlte.js"></script>
- <script>
- $('.cstoggle')
- .on('expanded.lte.controlsidebar', function () {
- console.log('hi sontrol');
- }).on('collapsed.lte.controlsidebar', function () {
- console.log('bb sontrol');
- });
- $('.mstoggle')
- .on('shown.lte.pushmenu', function () {
- console.log('hi main');
- }).on('collapsed.lte.pushmenu', function () {
- console.log('bb main');
- });
- </script>
- </body>
- </html>
Add Comment
Please, Sign In to add comment