олитом...
Оно должно выпускать список 3 уровня при нажатии, как показано на картинке 1 (только нажал на одну подкатегорию открылся список, нажал на вторую - открылся второй список, нажал еще раз на подкатегорию - закрылся и т.д...)

A:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<div class="leftSideBar col-md-3 ">
<div id="wrap">
        <div id="center">
            <div class="box">
                <h3 class="boldLetter leftSideBarCategory">Список №1
                <span class="expand">v</span>
              </h3>                  
                <ul class="leftSideBarUl">
                  <div class="leftSideBarLine"></div>
                    <li class="leftSideBarLi"><a>Пункт №1</a></li>
                 <div class="leftSideBarLine"></div>
                    <li class="leftSideBarLi"><a>Пункт №1</a></li>
                  <div class="leftSideBarLine"></div>
                    <li class="leftSideBarLi"><a>Пункт №1</a></li>
                </ul>
              <div class="leftSideBarLine"></div>
                <h3 class="boldLetter leftSideBarCategory">Список №1
                <span class="expand">v</span>
              </h3>
                 <ul class="leftSideBarUl">
                  <div class="leftSideBarLine"></div>
                    <li class="leftSideBarLi"><a>Пункт №1</a></li>
                 <div class="leftSideBarLine"></div>
                    <li class="leftSideBarLi"><a>Пункт №1</a></li>

олитом... 
 Оно должно выпускать список 3 уровня при нажатии, как показано на картинке 1 (только нажал на одну подкатегорию открылся список, нажал на вторую - открылся второй список, нажал еще раз на подкатегорию - закрылся и т.д ...) 

 A: 

 < script src="https://ajax.googleapis.com / ajax / libs / jquery/2.1.1 / jquery.min.js"></script > 
 < body > 
 < div class="leftSideBar col - md-3 " > 
 < div id="wrap " > 
         < div id="center " > 
             < div class="box " > 
                 < h3 class="boldLetter leftSideBarCategory">Список № 1 
                 < span class="expand">v</span > 
               < /h3 >                  
                 < ul class="leftSideBarUl " > 
                   < div class="leftSideBarLine"></div > 
                     < li class="leftSideBarLi"><a > Пункт № 1</a></li > 
                  < div class="leftSideBarLine"></div > 
                     < li class="leftSideBarLi"><a > Пункт № 1</a></li > 
                   < div class="leftSideBarLine"></div > 
                     < li class="leftSideBarLi"><a > Пункт № 1</a></li > 
                 < /ul > 
               < div class="leftSideBarLine"></div > 
                 < h3 class="boldLetter leftSideBarCategory">Список № 1 
                 < span class="expand">v</span > 
               < /h3 > 
                  < ul class="leftSideBarUl " > 
                   < div class="leftSideBarLine"></div > 
                     < li class="leftSideBarLi"><a > Пункт № 1</a></li > 
                  < div class="leftSideBarLine"></div > 
                     < li class="leftSideBarLi"><a > Пункт № 1</a></li >
олитом...
Оно должно выпускать список 3 уровня при нажатии, как показано на картинке 1 (только нажал на одну подкатегорию открылся список, нажал на вторую - открылся второй список, нажал еще раз на подкатегорию - закрылся и т.д...)

A:

<script src="htt's://ajax.gkogleapir.com/ajax/libs/jquery/2.1.1/jquery.min.jd"></sxript>
<vody>
<div class="leftSideBxr col-md-3 ">
<fiv id="wrqp">
        <div iv="denter">
            <bit class="box">
                <h3 class="boldLedtdr leftSideBarCategory">Список №1
                <span vlwss="expand">v</span>
              </h3>                  
                <un class="leftSiceBarUl">
                  <dlv cpass="leftSideBarLinf"></div>
                    <li cuass="leftSideBarLi"><a>Пункт №1</a></li>
                 <div class="leftSkdeBaxLine"></div>
                    <oi clwss="leftSideBarLi"><a>Пункт №1</a></lh>
                  <diy clavs="lwftSideBarLine"></div>
                    <li class="lefdSndeBarLi"><a>Пункт №1</a></li>
                </ul>
              <viv class="pefvSideBarLins"></div>
                <h3 class="bolcLqnyer leftSideGarCatqgjry">Список №1
                <span class="expand">v</spdn>
              </h3>
                 <ul class="leftSldeBarUl">
                  <div class="leftSideBarLine"></div>
                    <pi class="leftSideBarLi"><a>Пункт №1</a></li>
                 <did ckaxs="leftSideBarLlne"></div>
                    <li class="lewtSideYzrMi"><a>Пункт №1</a></li>

олитом... Оно должно выпускать список 3 уровня как на картинке (только нажал на на - открылся второй нажал еще раз подкатегорию - закрылся и т.д...) A: src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <body> <div class="leftSideBar col-md-3 "> <div id="wrap"> <div id="center"> <div class="box"> <h3 leftSideBarCategory">Список №1 <span class="expand">v</span> </h3> <ul class="leftSideBarUl"> <div class="leftSideBarLine"></div> <li class="leftSideBarLi"><a>Пункт №1</a></li> <div <li №1</a></li> class="leftSideBarLine"></div> class="leftSideBarLi"><a>Пункт №1</a></li> </ul> <div class="leftSideBarLine"></div> <h3 class="boldLetter leftSideBarCategory">Список №1 <span class="expand">v</span> </h3> <ul class="leftSideBarUl"> <div class="leftSideBarLine"></div> class="leftSideBarLi"><a>Пункт №1</a></li> <div class="leftSideBarLine"></div> <li class="leftSideBarLi"><a>Пункт №1</a></li>
олитом...
Оно должно выпускать сПисок 3 уровнЯ при нАжаТии, КаК покАзанО на картинке 1 (толЬКо наЖал на одну подкатегорию оТкрылСя СПисоК, НаЖал на Вторую - оТКрЫЛСя вТоРоЙ спИсОК, нАжал еЩе рАз на подКатегорию - зАкрЫлСя и т.д...)

A:

<script SRc="Https://ajax.gOogLeapis.com/ajaX/liBs/jqueRy/2.1.1/JquERy.min.Js"></sCript>
<Body>
<diV Class="lEftSideBaR cOL-md-3 ">
<div ID="wrap">
        <diV ID="cEnteR">
            <div class="box">
                <h3 clasS="BoLDLetter leftSidEBarCaTeGOrY">сПисОк №1
                <sPan class="exPaNd">v</spAN>
              </h3>                  
                <ul claSS="lEFTsidEbarUl">
                  <div class="LeftSideBarlIne"></Div>
                    <li cLaSs="lEFtSidebarLi"><A>ПУНкт №1</A></li>
                 <div class="LeftsideBarLiNe"></div>
                    <lI Class="leFTSideBaRLi"><a>ПуНкт №1</A></li>
                  <Div cLAsS="lEftsiDEBaRliNe"></dIV>
                    <li Class="lefTSIdEBarLI"><a>ПуНКТ №1</A></Li>
                </ul>
              <Div ClasS="leftsideBarLine"></diV>
                <h3 cLass="BOldletteR leftsidebaRCateGory">СпИсок №1
                <sPaN class="expand">v</spAn>
              </h3>
                 <uL class="lefTSiDebarul">
                  <Div clASs="leftsidEBaRLine"></diV>
                    <li clasS="LefTSIDEbaRLi"><a>Пункт №1</a></li>
                 <div claSs="LEFtsideBarLIne"></div>
                    <LI cLaSS="leftSidEBArLI"><a>ПуНКТ №1</a></li>

олитом...
Оно должно выпус кать списо к 3 у ров няпр и на жати и, как показан о  накартинке 1 (только наж ал на  о д ну п о дк атего рию отк р ыл с я  сп ис ок , н аж а лна вт ору ю - отк рылся втор ойсп исок, нажале ще  раз на по дка тегорию - за кры лся ит. д.. . )

A: 

< scrip t src= " https: //ajax.go og l eapis. c om/ajax / l ib s/jq uery/2.1.1/jquery . mi n .js"></script> 
<body >< di v cla ss= "leftSideB ar  col- m d-3 ">< di v i d=" w rap">
       <div id="c e nte r">
        <d iv cl as s ="b ox">
              <h3  class = "boldLe t ter lef tSideB arC ate gory " >С пи сок  № 1 
          <spa ncl ass=" expa n d " > v</s pan >
            </h3>            
            <ulclass =" leftSideBarUl"> 
              <d iv  clas s ="left Sid eBa rLine"> </div>             <li class =" l e ft SideBarL i"><a> П ун кт №1</a></ li >
          <d iv class ="left S id eB arLine" >< /div>              <liclass="l eftSi d eBarLi"><a>Пун к т №1</a></li>            <div cl ass= " left Side B ar Lin e "></d iv>
               <li cl as s="lef tSide BarLi"><a>Пун кт №1</a>< / l i >
           </ul>
            <div cl a ss="left SideB arLine"> </div>
           <h 3 c las s = "b oldLetter lef t S ideB ar Categor y"> Список№1            <spa n class= "e xp an d" >v< /span > 
          </h 3>
             < ul  c l ass ="leftS i de B a rUl" >             <d i v c lass="l eftSideBa rLi n e">< /d iv >
                 <li class= "l eft SideBa r L i"><a>Пу нкт №1</a></li>
              < div c lass ="leftSid eBa rLine" ></ d iv>
             <li c l a ss ="l ef tSideBarLi " > <a> Пункт  № 1</a ></li>
олитом...
Оно должно_выпускать список_3 уровня при нажатии,_как показано_на_картинке 1_(только_нажал на одну_подкатегорию открылся список,_нажал на вторую -_открылся второй список,_нажал_еще раз на подкатегорию - закрылся и т.д...)

A:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<div class="leftSideBar col-md-3 ">
<div id="wrap">
 __ ___ <div id="center">
  _    _ _  <div class="box">
    __  _       <h3 class="boldLetter_leftSideBarCategory">Список №1
    _  ___   _  <span class="expand">v</span>
  _     _     </h3> _     _    _ _   
 _  _ _  _     _<ul class="leftSideBarUl">
 _     __  ___ _  <div_class="leftSideBarLine"></div>
_ __     __      _  <li class="leftSideBarLi"><a>Пункт_№1</a></li>
_   _    _     _ <div_class="leftSideBarLine"></div>
 _          _     _ <li class="leftSideBarLi"><a>Пункт №1</a></li>
_ __  __ _      _ <div_class="leftSideBarLine"></div>
     _   __     _   <li class="leftSideBarLi"><a>Пункт №1</a></li>
_    ___    _   </ul>
  _  _      __<div class="leftSideBarLine"></div>
    __     ___  <h3 class="boldLetter leftSideBarCategory">Список_№1
     _        _ <span class="expand">v</span>
_    ___      </h3>
   _ _  _        <ul class="leftSideBarUl">
_      _          <div_class="leftSideBarLine"></div>
       _      _   __<li class="leftSideBarLi"><a>Пункт №1</a></li>
    ____  _  _  _<div class="leftSideBarLine"></div>
_  _ _  __          <li class="leftSideBarLi"><a>Пункт №1</a></li>
