Я пытаюсь расширить свое меню дополнительными вкладками. Я хотел бы, чтобы пользователь нажимал кнопку «Бизнес» на боковой панели и выводил ее из того места, где меню заканчивается справа. По какой-то причине мой новый слайдер застрял в моем исходном меню. Посмотрите мой код:
<div id="wrapper">
<!-- Sidebar -->
<div id="sidebar-wrapper">
<div class="header-bar-wrapper">
<span>Pet Owner Visualisation</span>
</div>
<div class="count-wrapper">
<svg id='inner-ring' xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 50 50" enable-background="new 0 0 50 50" xml:space="preserve"><path d="M25.025,49.625c-0.276,0-0.5-0.224-0.5-0.5c0-0.275,0.224-0.5,0.5-0.5c4.151-0.004,8.232-1.1,11.803-3.169 c0.236-0.139,0.544-0.06,0.684,0.182c0.139,0.239,0.057,0.545-0.182,0.684C33.606,48.479,29.353,49.621,25.025,49.625L25.025,49.625 z M12.964,46.413c-0.085,0-0.17-0.021-0.25-0.066c-3.737-2.156-6.856-5.267-9.022-8.996c-0.139-0.238-0.057-0.545,0.182-0.684 c0.241-0.138,0.545-0.057,0.684,0.182c2.078,3.578,5.071,6.563,8.657,8.631c0.239,0.139,0.321,0.444,0.183,0.684 C13.305,46.323,13.137,46.413,12.964,46.413z M45.901,37.558c-0.085,0-0.171-0.021-0.25-0.067c-0.239-0.138-0.321-0.443-0.183-0.683 c2.064-3.573,3.156-7.656,3.156-11.808l-0.001-0.101c0-0.276,0.224-0.5,0.5-0.5s0.5,0.224,0.5,0.5l0.001,0.086 c0,4.342-1.138,8.598-3.291,12.322C46.241,37.468,46.073,37.558,45.901,37.558z M0.875,25.525c-0.276,0-0.5-0.198-0.5-0.475h0.5 l-0.5-0.022c-0.001-4.337,1.128-8.578,3.265-12.292c0.139-0.239,0.444-0.321,0.683-0.184c0.239,0.138,0.322,0.443,0.184,0.683 C2.458,16.798,1.375,20.866,1.375,25C1.375,25.276,1.152,25.525,0.875,25.525z M45.851,13.356c-0.172,0-0.339-0.089-0.432-0.248 c-2.087-3.575-5.088-6.553-8.677-8.613c-0.239-0.137-0.322-0.443-0.185-0.683c0.138-0.24,0.441-0.321,0.683-0.185 c3.74,2.146,6.867,5.25,9.042,8.976c0.14,0.238,0.059,0.544-0.18,0.684C46.023,13.334,45.937,13.356,45.851,13.356z M12.878,4.637 c-0.172,0-0.34-0.089-0.433-0.249c-0.139-0.238-0.058-0.544,0.181-0.684c3.718-2.165,7.97-3.316,12.296-3.33c0,0,0.001,0,0.001,0 c0.275,0,0.499,0.223,0.5,0.499s-0.222,0.5-0.499,0.501c-4.15,0.013-8.229,1.117-11.796,3.194 C13.05,4.615,12.964,4.637,12.878,4.637z"></path></svg>
<svg id='outer-ring' xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" viewBox="0 0 100 100" version="1.1" x="0px" y="0px"><title>PDP-Icon-Circle</title><g transform="translate(0,-270.54167)"><ellipse style="" cx="95.109993" cy="321.81519" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="94.051575" cy="330.34082" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="91.393639" cy="338.5105" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="87.228989" cy="346.02518" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="81.718971" cy="352.61722" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="75.066666" cy="358.05396" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="67.507515" cy="362.13641" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="59.307789" cy="364.69803" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="50.771435" cy="365.65091" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="42.207973" cy="364.99423" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="33.923241" cy="362.72937" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="26.221169" cy="358.92639" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="19.378035" cy="353.7327" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="13.634921" cy="347.34256" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="9.1994591" cy="339.98349" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="6.2463722" cy="331.91412" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="4.890008" cy="323.4296" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="5.1496711" cy="314.8421" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="7.0256963" cy="306.45844" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="10.453431" cy="298.58093" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="15.308842" cy="291.49374" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="21.415846" cy="285.4509" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="28.560387" cy="280.67938" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="36.479439" cy="277.35001" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="44.884468" cy="275.57993" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="53.471874" cy="275.43243" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="61.932163" cy="276.91086" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="69.96019" cy="279.96378" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="77.266365" cy="284.48059" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="83.588326" cy="290.29752" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="88.693733" cy="297.20853" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="92.39238" cy="304.96426" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse><ellipse style="" cx="94.557289" cy="313.27911" rx="2.3900082" ry="2.3907633" fill="#000000" fill-opacity="1" stroke="none"></ellipse></g></svg>
<svg id='innermost-circle' xmlns="http://www.w3.org/2000/svg" data-name="Layer 21" viewBox="0 0 32 32" x="0px" y="0px"><title>Circle</title><circle cx="16" cy="16" r="14.5"></circle></svg>
<svg id='vis-logo' height='100px' width='100px' fill="#000000" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"><g><path d="M34.777,14.713c0-5.6,4.54-10.139,10.139-10.139c5.599,0,10.138,4.539,10.138,10.139s-4.54,10.138-10.138,10.138 C39.317,24.851,34.777,20.313,34.777,14.713z M70.98,51.486l-5.762-11.87c-3.732-7.721-6.25-13.021-13.685-13.021H38.298 c-7.436,0-9.952,5.3-13.686,13.021l-6.851,14.117c-1.018,2.084-0.146,4.585,1.938,5.602c2.083,1.018,4.608,0.153,5.625-1.931 l9.474-18.298l-6.923,34.396h6.923v17.366c0,2.517,2.04,4.558,4.557,4.558s4.557-2.041,4.557-4.558V73.502h2.007v17.366 c0,2.517,2.041,4.558,4.558,4.558s4.557-2.041,4.557-4.558V73.502h6.923l-6.923-34.396c0,0,9.632,18.593,9.722,18.731 C66.166,54.656,69.144,52.146,70.98,51.486z M84.321,89.862V71.273c-2.124,2.372-6.327,2.451-6.327,2.451s-4.201-0.079-6.326-2.451 v18.589c0,0-2.723,0.236-2.723,2.959c0,1.257,1.35,2.604,2.975,2.604c3.373,0,5.193-1.303,5.193-3.592s0-8.915,0-8.915 c0.025-0.394,0.191-0.841,0.891-0.841c0.666,0,0.837,0.479,0.872,0.808c0,0,0,6.604,0,8.948s1.82,3.592,5.193,3.592 c1.625,0,2.974-1.348,2.974-2.604C87.043,90.099,84.321,89.862,84.321,89.862z M70.041,89.4c0,0,0-11.238,0-11.244 c-11.454-4.287-4.538,11.706-4.538,11.706s-2.723,0.236-2.723,2.959c0,1.258,1.351,2.604,2.975,2.604 c1.332,0,2.345-0.615,2.345-0.615C65.957,91.235,69.26,89.4,70.041,89.4z M91.518,87.026c-0.517,1.645-1.031,2.836-1.031,2.836 s2.723,0.236,2.723,2.959c0,1.258-1.35,2.604-2.975,2.604c-1.332,0-2.345-0.615-2.345-0.615c2.144-3.575-1.159-5.41-1.941-5.41 c0,0-0.001-11.238,0.001-11.244c4.693-1.757,6.301-0.107,6.564,2.451C98.349,82.25,100,77.426,100,77.426 C99.577,84.504,92.601,86.724,91.518,87.026z M68.994,62.844c0.846-1.813,2.851-5.826,3.793-5.378c0,0-3.102,6.471-3.102,7.292 c0,0.811,0.307,2.631,1.455,4.304c1.041,1.519,3.075,3.327,6.854,3.327c6.898,0,8.309-6.02,8.309-7.631 c0-0.77-3.117-7.285-3.117-7.285c0.936-0.508,2.96,3.547,3.813,5.371c0.883,1.893,3.531,2.901,3.531-1.45 c0-4.242-4.667-8.262-6.307-8.515c-1.211-0.186-2.213,0.868-2.602,1.377c-0.986-0.432-2.187-0.644-3.637-0.644 c-1.457,0-2.662,0.214-3.652,0.648c-0.4-0.524-1.373-1.565-2.563-1.382c-1.64,0.253-6.308,4.272-6.308,8.515 C65.461,65.745,68.111,64.736,68.994,62.844z M26.958,94.582c0,0,0.235,0.557,1.041,0.557c1.473,0,2.287-1.221,2.287-2.362 c0-2.469-2.47-2.683-2.47-2.683s7.772-14.509-2.616-10.619c-0.002,0.006-0.002,10.199-0.002,10.199 C25.905,89.674,28.903,91.338,26.958,94.582z M1.023,66.094c3.537,1.004,2.444,4.575,1.383,7.111 c-1.613,3.862-1.743,6.973-0.388,9.242c1.052,1.761,2.726,2.523,3.813,2.845c0.827,2.514,2.053,4.802,2.053,4.802 s-2.47,0.214-2.47,2.683c0,1.142,0.813,2.362,2.288,2.362c0.804,0,1.041-0.557,1.041-0.557c-1.945-3.244,1.05-4.908,1.76-4.908 c0,0,0-10.193-0.002-10.199c-4.223-1.581-5.446-0.12-5.408,2.17c-1.813-1.368-1.227-4.485-0.038-7.333 c1.423-3.403,1.673-5.991,0.764-7.914c-0.691-1.459-1.989-2.458-3.972-3.053c-0.759-0.227-1.557,0.204-1.785,0.964 C-0.167,65.066,0.262,65.878,1.023,66.094z M9.354,92.981c0,1.179,1.267,2.444,2.792,2.444c3.167,0,4.876-1.171,4.876-3.371 c0-0.938,0-2.6,0-4.198c-1.701-0.364-2.977-1.875-2.977-3.685c0.209,1.882,1.829,2.926,3.769,2.926 c1.938,0,3.557-1.044,3.766-2.926c0,1.785-1.239,3.277-2.903,3.667c0,1.612,0,3.29,0,4.216c0,2.148,1.708,3.371,4.876,3.371 c1.526,0,2.792-1.266,2.792-2.444c0-2.558-2.555-2.78-2.555-2.78V77.012c0,0-1.637,2.056-5.939,2.056 c-4.304,0-5.941-2.056-5.941-2.056v13.189C11.91,90.201,9.354,90.424,9.354,92.981z M10.325,69.247 c-0.219,0.605-0.337,1.248-0.337,1.911c0,3.656,3.561,6.62,7.956,6.62c4.393,0,7.955-2.964,7.955-6.62 c0-0.663-0.12-1.306-0.338-1.911c0.432-1.37,0.93-4.323-0.997-7.969l-3.717,3.716c-0.899-0.294-4.908-0.294-5.809,0l-3.716-3.716 C9.395,64.924,9.894,67.877,10.325,69.247z"></path></g></svg>
<div id="count" style='display: none'>
<span id='text'>Connections:</span>
<span>17,000,345</span>
</div>
</div>
<ul class="sidebar-nav">
<li><a href="#"><svg id='logos' fill="#000000" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" viewBox="0 0 6.3499999 6.3500002" version="1.1" x="0px" y="0px"><g transform="translate(0,-2.1166667)"><path style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.5291667;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" d="M 0.79278098,2.1166666 C 0.35758461,2.1166666 -2.5000002e-8,2.4742513 -2.5000002e-8,2.9094476 V 4.2319552 C -2.5000002e-8,4.6671515 0.35758461,5.0273202 0.79278098,5.0273202 H 2.1173558 c 0.4351963,0 0.792781,-0.3601687 0.792781,-0.795365 V 2.9094476 c 0,-0.4351963 -0.3575847,-0.792781 -0.792781,-0.792781 z m 3.43986342,0 c -0.4351965,0 -0.7927811,0.3575847 -0.7927811,0.792781 v 1.3225076 c 0,0.4351963 0.3575846,0.795365 0.7927811,0.795365 H 5.557219 c 0.4351965,0 0.7927811,-0.3601687 0.7927811,-0.795365 V 2.9094476 c 0,-0.4351963 -0.3575846,-0.792781 -0.7927811,-0.792781 z M 0.79278098,2.6458763 H 2.1173558 c 0.151168,0 0.2635712,0.1124032 0.2635712,0.2635713 v 1.3225076 c 0,0.151168 -0.1124032,0.2656385 -0.2635712,0.2656385 H 0.79278098 c -0.15116802,0 -0.26357127,-0.1144705 -0.26357127,-0.2656385 V 2.9094476 c 0,-0.1511681 0.11240325,-0.2635713 0.26357127,-0.2635713 z m 3.43986342,0 H 5.557219 c 0.151168,0 0.2635714,0.1124032 0.2635714,0.2635713 v 1.3225076 c 0,0.151168 -0.1124034,0.2656385 -0.2635714,0.2656385 H 4.2326444 c -0.151168,0 -0.2635713,-0.1144705 -0.2635713,-0.2656385 V 2.9094476 c 0,-0.1511681 0.1124033,-0.2635713 0.2635713,-0.2635713 z M 0.79278098,5.55653 C 0.35758461,5.55653 -2.5000002e-8,5.9141146 -2.5000002e-8,6.349311 V 7.6738857 C -2.5000002e-8,8.1090822 0.35758461,8.4666669 0.79278098,8.4666669 H 2.1173558 c 0.4351963,0 0.792781,-0.3575847 0.792781,-0.7927812 V 6.349311 c 0,-0.4351964 -0.3575847,-0.792781 -0.792781,-0.792781 z m 3.43986342,0 c -0.4351965,0 -0.7927811,0.3575846 -0.7927811,0.792781 v 1.3245747 c 0,0.4351965 0.3575846,0.7927812 0.7927811,0.7927812 H 5.557219 c 0.4351965,0 0.7927811,-0.3575847 0.7927811,-0.7927812 V 6.349311 C 6.3500001,5.9141146 5.9924155,5.55653 5.557219,5.55653 Z M 0.79278098,6.0857397 H 2.1173558 c 0.151168,0 0.2635712,0.1124033 0.2635712,0.2635713 v 1.3245747 c 0,0.151168 -0.1124032,0.2635714 -0.2635712,0.2635714 H 0.79278098 c -0.15116802,0 -0.26357127,-0.1124034 -0.26357127,-0.2635714 V 6.349311 c 0,-0.151168 0.11240325,-0.2635713 0.26357127,-0.2635713 z m 3.43986342,0 H 5.557219 c 0.151168,0 0.2635714,0.1124033 0.2635714,0.2635713 v 1.3245747 c 0,0.151168 -0.1124034,0.2635714 -0.2635714,0.2635714 H 4.2326444 c -0.151168,0 -0.2635713,-0.1124034 -0.2635713,-0.2635714 V 6.349311 c 0,-0.151168 0.1124033,-0.2635713 0.2635713,-0.2635713 z"></path></g></svg>
<span>Home</span></a></li>
<li><a href="#" id='business-toggle'><svg id='logos' fill="#000000" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="16.961 29.447 478.075 453.477" style="enable-background:new 16.961 29.447 478.075 453.477;" xml:space="preserve"><g><path d="M465.638,131.603c-29.21-50.562-76.371-86.732-132.795-101.848c-4.797-1.283-9.733,1.562-11.021,6.361l-54.318,202.458 c-0.619,2.306-0.296,4.764,0.897,6.832c1.194,2.068,3.161,3.577,5.467,4.194l202.599,54.243c0.78,0.209,1.563,0.309,2.334,0.309 c3.973,0,7.609-2.651,8.687-6.671C502.611,241.082,494.853,182.172,465.638,131.603z M472.241,284.078l-185.02-49.537 L336.824,49.66c47.948,15.123,87.927,47.153,113.228,90.948C475.354,184.405,483.118,235.018,472.241,284.078z"></path><path d="M460.339,464.852H322.706c7.643-3.324,15.144-7.1,22.469-11.327c31.853-18.379,57.992-43.875,76.766-74.312 c0.197-0.319,0.386-0.642,0.582-0.962c0.759-1.246,1.511-2.496,2.246-3.758c0.496-0.849,0.98-1.706,1.465-2.562 c0.402-0.713,0.802-1.426,1.197-2.144c0.607-1.102,1.205-2.21,1.793-3.323c0.22-0.417,0.435-0.835,0.652-1.254 c3.148-6.059,6.016-12.274,8.589-18.642c0.009-0.023,0.019-0.046,0.029-0.07c0.559-1.385,1.098-2.779,1.63-4.178 c0.175-0.46,0.351-0.919,0.523-1.38c0.452-1.214,0.893-2.434,1.325-3.659c0.246-0.697,0.487-1.397,0.726-2.098 c0.366-1.073,0.73-2.146,1.08-3.226c0.313-0.963,0.611-1.931,0.911-2.9c0.269-0.87,0.545-1.738,0.804-2.613 c0.535-1.804,1.05-3.616,1.541-5.44c0.02-0.074,0.043-0.146,0.062-0.22c0.225-0.84,0.322-1.699,0.301-2.553 c-0.001-0.025,0.002-0.05,0.001-0.075c-0.005-0.153-0.025-0.306-0.038-0.458c-0.012-0.139-0.016-0.279-0.034-0.418 c-0.005-0.041-0.016-0.081-0.022-0.122c-0.078-0.539-0.201-1.071-0.376-1.589c-0.189-0.557-0.433-1.098-0.731-1.615 c-1.194-2.067-3.16-3.575-5.467-4.192l-193.903-51.914l51.95-193.761c0.618-2.306,0.295-4.764-0.899-6.832 c-1.194-2.068-3.162-3.577-5.469-4.193c-56.439-15.096-115.386-7.335-165.978,21.852c-50.6,29.191-86.795,76.327-101.92,132.725 c-15.125,56.401-7.364,115.312,21.854,165.878c12.392,21.446,28.025,40.291,46.215,56.05c0.233,0.203,0.465,0.407,0.699,0.608 c0.787,0.676,1.58,1.344,2.376,2.008c0.547,0.457,1.097,0.911,1.648,1.363c0.612,0.501,1.226,1,1.843,1.494 c0.865,0.693,1.738,1.376,2.613,2.055c0.358,0.277,0.713,0.559,1.073,0.834c14.121,10.813,29.536,19.839,46.015,26.923H51.659 c-4.971,0-9,4.029-9,9s4.029,9,9,9h179.157c1.764,0.043,3.529,0.072,5.292,0.072c1.833,0,3.666-0.026,5.498-0.072h218.733 c4.971,0,9-4.029,9-9S465.31,464.852,460.339,464.852z M179.43,456.735c-0.395-0.115-0.787-0.235-1.181-0.352 c-1.134-0.338-2.265-0.685-3.39-1.042c-0.357-0.113-0.715-0.226-1.071-0.341c-20.414-6.6-39.363-16.27-56.321-28.617 c-0.026-0.019-0.053-0.039-0.079-0.058c-1.177-0.857-2.341-1.731-3.498-2.614c-0.209-0.16-0.418-0.318-0.626-0.478 c-1.024-0.788-2.038-1.588-3.046-2.395c-0.219-0.176-0.441-0.347-0.659-0.524c-1.063-0.859-2.115-1.733-3.16-2.614 c-0.669-0.565-1.33-1.138-1.992-1.712c-0.358-0.31-0.715-0.619-1.071-0.931c-0.799-0.703-1.594-1.412-2.382-2.128 c-0.114-0.104-0.228-0.208-0.342-0.313c-6.495-5.933-12.627-12.322-18.36-19.149l149.734-114.976l72.337,174.188 c-34.427,12.555-72.571,15.855-110.623,7.675c-0.08-0.017-0.159-0.035-0.239-0.052c-1.409-0.305-2.818-0.629-4.227-0.966 c-0.269-0.064-0.538-0.127-0.807-0.192c-1.526-0.371-3.053-0.757-4.578-1.165C182.368,457.58,180.896,457.163,179.43,456.735z M427.185,324.768c-17.454,55.173-57.044,97.907-106.229,120.992l-69.835-168.13l40.037,10.719L427.185,324.768z M41.896,212.3 C65.9,122.788,147.236,63.604,235.885,63.604c14.25,0,28.702,1.532,43.121,4.711l-51.106,190.617L71.297,379.181 c-3.3-4.732-6.427-9.618-9.347-14.672C35.139,318.109,28.017,264.054,41.896,212.3z"></path></g></svg>
<span>Businesses</span></a></li>
<li><a href="#"><svg id='logos' fill="#000000" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" version="1.1" x="0px" y="0px"><title>Upload s13.4</title><desc>Created with Sketch.</desc><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g fill="#000000"><path d="M52.0440897,45.8847053 C50.8854039,44.7017585 49.0132064,44.703755 47.8530305,45.8988362 L37.9298426,56.1205757 C35.1098647,58.9486336 39.3408287,63.1917204 42.1608066,60.3636625 L45.5936309,56.9086192 C46.3752882,56.1219027 47.0089466,56.3887769 47.0089466,57.4913482 L47.0089466,71.2473392 C47.0089466,72.90014 48.3516441,74.2399998 50.0004366,74.2399998 L50.0004366,74.2399998 C51.6525909,74.2399998 52.9919266,72.8911248 52.9919266,71.2473392 L52.9919266,57.4913482 C52.9919266,56.3827993 53.6256059,56.1220549 54.4069511,56.9086192 L57.8390694,60.3636625 C60.6600445,63.1917204 64.8900113,58.9486336 62.0700334,56.1205757 L52.0440897,45.8847053 Z" transform="translate(50.000000, 59.620000) rotate(45.000000) translate(-50.000000, -59.620000) "></path><polygon fill-rule="nonzero" points="85 33 15 33 15 39 85 39"></polygon><path d="M17.0005137,15.9999143 L31.6927029,15.9999897 C33.51668,15.9999991 35.789932,16.8478852 37.1644423,18.0454337 L40.3621052,20.8314124 C40.642029,21.0752974 41.5120762,21.4006928 41.890109,21.4006928 L83.0409086,21.4006928 C85.7955981,21.4006928 88.0396041,23.6402111 88.0376983,26.4005385 L88.0013786,79.0042969 C87.9994694,81.769485 85.7598632,84 82.9992008,84 L17.0007992,84 C14.2434695,84 12,81.7672499 12,79.0073667 L12,20.9925373 C12,18.2398221 14.242385,15.9999001 17.0005137,15.9999143 Z M18,21.9999194 L18,78 L82.0020706,78 L82.0370063,27.4006928 L41.890109,27.4006928 C40.0641087,27.4006928 37.7938184,26.5516099 36.4206827,25.3552591 L33.2230198,22.5692804 C32.943154,22.325446 32.0705844,21.9999917 31.6926721,21.9999897 L18,21.9999194 Z" fill-rule="nonzero"></path></g></g></svg>
<span>Export</span></a></li>
<li><a href="#"><svg id='logos' fill="#000000" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve"><g><g><g><path d="M363.5,628.6c0,48.4,0,96.8,0,145.2c0,6.9,0,13.8,0,20.7c0,24.3,20.6,45,45,45c29.2,0,58.5,0,87.7,0 c46.7,0,93.3,0,140,0c10.8,0,21.6,0,32.4,0c11.5,0,23.7-5,31.8-13.2c7.8-7.8,13.7-20.6,13.2-31.8c-0.5-11.6-4.3-23.7-13.2-31.8 c-8.8-8.1-19.6-13.2-31.8-13.2c-29.2,0-58.5,0-87.7,0c-46.7,0-93.3,0-140,0c-10.8,0-21.6,0-32.4,0c15,15,30,30,45,45 c0-48.4,0-96.8,0-145.2c0-6.9,0-13.8,0-20.7c0-11.5-5-23.7-13.2-31.8c-7.8-7.8-20.6-13.7-31.8-13.2c-11.6,0.5-23.7,4.3-31.8,13.2 C368.6,605.6,363.5,616.4,363.5,628.6L363.5,628.6z"></path></g></g><g><g><path d="M453.5,255.4c0-48.4,0-96.8,0-145.2c0-6.9,0-13.8,0-20.7c-15,15-30,30-45,45c17.4,0,34.9,0,52.3,0 c41.9,0,83.7,0,125.6,0c50.5,0,100.9,0,151.4,0c43.6,0,87.3,0,130.9,0c21.3,0,42.6,0.3,63.9,0c0.3,0,0.6,0,0.9,0 c11.5,0,23.7-5,31.8-13.2c7.8-7.8,13.7-20.6,13.2-31.8c-0.5-11.6-4.3-23.7-13.2-31.8c-8.8-8.1-19.6-13.2-31.8-13.2 c-17.4,0-34.9,0-52.3,0c-41.9,0-83.7,0-125.6,0c-50.5,0-100.9,0-151.4,0c-43.6,0-87.3,0-130.9,0c-21.3,0-42.6-0.3-63.9,0 c-0.3,0-0.6,0-0.9,0c-24.3,0-45,20.6-45,45c0,48.4,0,96.8,0,145.2c0,6.9,0,13.8,0,20.7c0,11.5,5,23.7,13.2,31.8 c7.8,7.8,20.6,13.7,31.8,13.2c11.6-0.5,23.7-4.3,31.8-13.2C448.4,278.4,453.5,267.6,453.5,255.4L453.5,255.4z"></path></g></g><g><g><path d="M888.5,89.5c0,6.3,0,12.6,0,18.9c0,17.1,0,34.1,0,51.2c0,25.3,0,50.7,0,76c0,30.8,0,61.5,0,92.3 c0,33.9,0,67.7,0,101.6c0,34,0,68,0,102.1c0,31.9,0,63.8,0,95.6c0,26.8,0,53.6,0,80.5c0,19.4,0,38.8,0,58.2 c0,9.2-0.1,18.3,0,27.5c0,0.4,0,0.8,0,1.2c7.4-13,14.9-25.9,22.3-38.9c-30,15.8-59.9,31.7-89.9,47.5 c-47.4,25.1-94.8,50.1-142.3,75.2c-10.9,5.8-21.9,11.6-32.8,17.3c22.6,13,45.1,25.9,67.7,38.9c0-6.3,0-12.6,0-18.9 c0-17.1,0-34.1,0-51.2c0-25.3,0-50.7,0-76c0-30.8,0-61.5,0-92.3c0-33.9,0-67.7,0-101.6c0-34,0-68,0-102.1c0-31.9,0-63.8,0-95.6 c0-26.8,0-53.6,0-80.5c0-19.4,0-38.8,0-58.2c0-9.2,0.1-18.3,0-27.5c0-0.4,0-0.8,0-1.2c-7.4,13-14.9,25.9-22.3,38.9 c30-15.8,59.9-31.7,89.9-47.5c47.4-25.1,94.8-50.1,142.3-75.2c10.9-5.8,21.9-11.6,32.8-17.3c9.7-5.1,17.8-16.5,20.7-26.9 c3-10.8,1.6-25.1-4.5-34.7c-13.7-21.2-39.3-27.9-61.6-16.1c-30,15.8-59.9,31.7-89.9,47.5c-47.4,25.1-94.8,50.1-142.3,75.2 c-10.9,5.8-21.9,11.6-32.8,17.3c-13.8,7.3-22.3,23.5-22.3,38.9c0,6.3,0,12.6,0,18.9c0,17.1,0,34.1,0,51.2c0,25.3,0,50.7,0,76 c0,30.8,0,61.5,0,92.3c0,33.9,0,67.7,0,101.6c0,34,0,68,0,102.1c0,31.9,0,63.8,0,95.6c0,26.8,0,53.6,0,80.5c0,19.4,0,38.8,0,58.2 c0,9.2-0.1,18.3,0,27.5c0,0.4,0,0.8,0,1.2c0,15.9,8.6,30.8,22.3,38.9c14.3,8.4,31,7.6,45.4,0c30-15.8,59.9-31.7,89.9-47.5 c47.4-25.1,94.8-50.1,142.3-75.2c10.9-5.8,21.9-11.6,32.8-17.3c13.8-7.3,22.3-23.5,22.3-38.9c0-6.3,0-12.6,0-18.9 c0-17.1,0-34.1,0-51.2c0-25.3,0-50.7,0-76c0-30.8,0-61.5,0-92.3c0-33.9,0-67.7,0-101.6c0-34,0-68,0-102.1c0-31.9,0-63.8,0-95.6 c0-26.8,0-53.6,0-80.5c0-19.4,0-38.8,0-58.2c0-9.2,0.1-18.3,0-27.5c0-0.4,0-0.8,0-1.2c0-11.5-5-23.7-13.2-31.8 c-7.8-7.8-20.6-13.7-31.8-13.2c-11.6,0.5-23.7,4.3-31.8,13.2C893.6,66.5,888.5,77.3,888.5,89.5z"></path></g></g><g><g><path d="M441.6,397c-49.7,0-99.5,0-149.2,0c-6.9,0-13.9,0-20.8,0c-24.3,0-45,20.6-45,45c0,40.3,0,80.7,0,121 c0,5.8,0,11.5,0,17.3c22.6-13,45.1-25.9,67.7-38.9c-20.4-15.6-40.8-31.2-61.2-46.8c-32.5-24.8-65-49.7-97.5-74.5 c-7.4-5.7-14.9-11.4-22.3-17c0,25.9,0,51.8,0,77.7c20.4-15.6,40.8-31.2,61.2-46.8c32.5-24.8,65-49.7,97.5-74.5 c7.4-5.7,14.9-11.4,22.3-17c-22.6-13-45.1-25.9-67.7-38.9c0,40.3,0,80.7,0,121c0,5.8,0,11.5,0,17.3c0,24.3,20.6,45,45,45 c49.7,0,99.5,0,149.2,0c6.9,0,13.9,0,20.8,0c11.5,0,23.7-5,31.8-13.2c7.8-7.8,13.7-20.6,13.2-31.8c-0.5-11.6-4.3-23.7-13.2-31.8 C464.6,402.1,453.8,397,441.6,397c-49.7,0-99.5,0-149.2,0c-6.9,0-13.9,0-20.8,0c15,15,30,30,45,45c0-40.3,0-80.7,0-121 c0-5.8,0-11.5,0-17.3c0-15.9-8.6-30.8-22.3-38.9c-7-4.1-14.6-6.1-22.7-6.1c-8.1,0-15.7,2.1-22.7,6.1 c-20.4,15.6-40.8,31.2-61.2,46.8c-32.5,24.8-65,49.7-97.5,74.5c-7.4,5.7-14.9,11.4-22.3,17c-6.8,4-12.1,9.4-16.1,16.1 c-4.1,7-6.1,14.6-6.1,22.7c0,8.1,2.1,15.7,6.1,22.7c4,6.8,9.4,12.1,16.1,16.1c20.4,15.6,40.8,31.2,61.2,46.8 c32.5,24.8,65,49.7,97.5,74.5c7.4,5.7,14.9,11.4,22.3,17c7,4.1,14.6,6.1,22.7,6.1c8.1,0,15.7-2.1,22.7-6.1 c13.7-8,22.3-23,22.3-38.9c0-40.3,0-80.7,0-121c0-5.8,0-11.5,0-17.3c-15,15-30,30-45,45c49.7,0,99.5,0,149.2,0 c6.9,0,13.9,0,20.8,0c11.5,0,23.7-5,31.8-13.2c7.8-7.8,13.7-20.6,13.2-31.8c-0.5-11.6-4.3-23.7-13.2-31.8 C464.6,402.1,453.8,397,441.6,397z"></path></g></g></g></svg>
<span>Logout</span></a></li>
<div id='last'></div>
</ul>
<div class="logo-box">
<img id=logo src="static/img/M.png" alt="">
</div>
<div class="businesses">
<ul class="sidebar-business-nav">
<li><a href="#"><span>Business A</span></a></li>
<li><a href="#"><span>Business B</span></a></li>
<li><a href="#"><span>Business C</span></a></li>
<li><a href="#"><span>Business D</span></a></li>
<li><a href="#"><span>Business E</span></a></li>
<li><a href="#"><span>Business F</span></a></li>
<li><a href="#"><span>Business G</span></a></li>
<li><a href="#"><span>Business H</span></a></li>
<li><a href="#"><span>Business I</span></a></li>
<li><a href="#"><span>Business J</span></a></li>
<li><a href="#"><span>Business K</span></a></li>
<li><a href="#"><span>Business L</span></a></li>
<li><a href="#"><span>Business M</span></a></li>
<li><a href="#"><span>Business N</span></a></li>
<li><a href="#"><span>Business O</span></a></li>
</ul>
</div>
</div>
my JS для моей кнопки, чтобы добавить новый класс для css:
<script>
$("#business-toggle").click( function (e){
e.preventDefault()
$(".businesses").toggleClass("menuDisplayed")
});
</script>
Вот мой CSS:
/* Business Bar */
.businesses {
display:none;
}
.businesses.menuDisplayed {
display: block;
position: absolute;
left:21%
}
Что дает? D: