Advertisement
Guest User

non va :C

a guest
Sep 15th, 2019
125
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.40 KB | None | 0 0
  1. <body>
  2.  
  3.     <div id="top-bar">
  4.         <a href="https://www.kyrosdesign.net">KYROSDESIGN.net</a>
  5.     </div>
  6.     <div class="buttons">
  7.         <div class="left"></div>
  8.         <div class="right"></div>
  9.     </div>
  10.     <nav>
  11.         <div class="title">Admin Panel</div>
  12.         <ul>
  13.             <li id="home" class="active">Home</li>
  14.             <li id="analytics">Analytics</li>
  15.             <li id="newpost">New Post</li>
  16.             <li id="messages">Messages</li>
  17.             <li id="products">Products</li>
  18.         </ul>
  19.     </nav>
  20.  
  21.     <div class="content">
  22.         <div class="act-container">
  23.  
  24.             <div id="home-act" class="act activeAct">
  25.             </div>
  26.             <div id="analytics-act" class="act">
  27.             </div>
  28.             <div id="newpost-act" class="act">
  29.             </div>
  30.             <div id="messages-act" class="act">
  31.             </div>
  32.             <div id="products-act" class="act">
  33.             </div>
  34.  
  35.         </div>
  36.     </div>
  37.    
  38. </body>
  39.  
  40. <script>
  41. let homeAct = document.getElementById('home-act');
  42. let analyticsAct = document.getElementById('analytics-act');
  43. let newpostAct = document.getElementById('newpost-act');
  44. let messagesAct = document.getElementById('messages-act');
  45. let productsAct = document.getElementById('products-act');
  46.  
  47. let home = document.getElementById('home');
  48. let analytics = document.getElementById('analytics');
  49. let newpost = document.getElementById('newpost');
  50. let messages = document.getElementById('messages');
  51. let products = document.getElementById('products');
  52.  
  53. $('li').click(function () {
  54.     $('li').removeClass('active');
  55.     $(this).addClass('active');
  56. });
  57.  
  58. if (home.classList.contains('active')) {
  59.     homeAct.classList.add('activeAct');
  60. } else {
  61.     homeAct.classList.remove('activeAct');
  62. }
  63.  
  64. if (analytics.classList.contains('active')) {
  65.     analyticsAct.classList.add('activeAct');
  66. } else {
  67.     analyticsAct.classList.remove('activeAct');
  68. }
  69.  
  70. if (newpost.classListclassList.contains('active')) {
  71.     newpostAct.classList.add('activeAct');
  72. } else {
  73.     newpostAct.classList.remove('activeAct');
  74. }
  75.  
  76. if (messages.classList.contains('active')) {
  77.     messagesAct.classList.add('activeAct');
  78. } else {
  79.     messagesAct.classList.remove('activeAct')
  80. }
  81.  
  82. if (products.classList.contains('active')) {
  83.     productsAct.classList.add('activeAct');
  84. } else {
  85.     productsAct.classList.remove('activeAct')
  86. }
  87. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement