Advertisement
Guest User

Untitled

a guest
Nov 21st, 2017
57
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.         // Panel Toggle
  2.         var panel = document.getElementById('panels-container');
  3.         var paneltog = document.querySelector(".paneltogglefooter");
  4.         var panelsvg = document.querySelector(".paneltogglefooter svg");
  5.         var panelpath = document.querySelector(".paneltogglefooter svg path");
  6.         paneltog.style.height = "34px";
  7.         panelsvg.style.padding = "7px 1px 0 1px"
  8.         panelsvg.setAttributeNS(null, "viewBox", "0 0 16 16");
  9.         wrapper.appendChild(paneltog);
  10.        
  11.         if (panel.classList.contains('switcher')) {
  12.             panelpath.style = "d: path('M16 0v12h-16v-12h16zm-10 10v-8h-4v8h4z')";
  13.         }
  14.         else {
  15.                 panelpath.style = "d: path('M16 0v12h-16v-12h16zm-2 10v-8h-4v8h4z')";
  16.             paneltog.classList.add('visible');
  17.         }
  18.        
  19.         paneltog.addEventListener('click', function() {
  20.             if (paneltog.classList.contains('visible')) {
  21.                 panelpath.style = "d: path('M16 0v12h-16v-12h16zm-10 10v-8h-4v8h4z')";
  22.                 paneltog.classList.remove('visible');
  23.             }
  24.             else {
  25.                 panelpath.style = "d: path('M16 0v12h-16v-12h16zm-2 10v-8h-4v8h4z')";
  26.                 paneltog.classList.add('visible');
  27.             }
  28.         });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement