Guest User

Untitled

a guest
May 14th, 2020
57
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.18 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <meta charset="UTF-8">
  5.   <title>Title</title>
  6.   <link rel="stylesheet" href="dist/css/adminlte.min.css">
  7. </head>
  8. <body>
  9.  
  10. <aside class="main-sidebar sidebar-dark-primary elevation-4">
  11.   <!-- Control sidebar content goes here -->
  12.   <div class="p-3">
  13.     <p>lorem</p>
  14.   </div>
  15. </aside>
  16.  
  17. <aside class="control-sidebar control-sidebar-dark">
  18.   <!-- Control sidebar content goes here -->
  19.   <div class="p-3">
  20.     <p>ipsum</p>
  21.   </div>
  22. </aside>
  23.  
  24. <div class="content-wrapper">
  25.   <a href="#" class="mstoggle" data-widget="pushmenu">main</a>
  26.   <a href="#" class="cstoggle" data-widget="control-sidebar">control</a>
  27. </div>
  28.  
  29. <script src="plugins/jquery/jquery.min.js"></script>
  30. <script src="dist/js/adminlte.js"></script>
  31. <script>
  32.   $('.cstoggle')
  33.     .on('expanded.lte.controlsidebar', function () {
  34.       console.log('hi sontrol');
  35.     }).on('collapsed.lte.controlsidebar', function () {
  36.       console.log('bb sontrol');
  37.     });
  38.   $('.mstoggle')
  39.     .on('shown.lte.pushmenu', function () {
  40.       console.log('hi main');
  41.     }).on('collapsed.lte.pushmenu', function () {
  42.       console.log('bb main');
  43.     });
  44. </script>
  45. </body>
  46. </html>
Add Comment
Please, Sign In to add comment