Slide menu,... fakt nevim jak to popsat,... vice v detailu.

fikotek

Panove, mam jQuery slide menu. Vsechno se hezky sliduje.

Da se udelat takovato vec?

Pokud si rozkliknu polozku v nemu a v tom si rozkliknu jeste jednu polozku. Takze uz jsem ve druhe urovni. Ted si skopiruju link. Nekomu ho poslu. Ten to rozklikne, dostane se na pozadovanou stranku ale menu zustava zavrene. Da se to nejak udelat aby bylo vyslajdovane a polozka v menu byla aktivni?

Michaelo

Zistit stranku na ktorej je, a podla toho priradit danej polozke CSS styl ACTIVE.
Mozno by ti aj v CSS stacilo dat ako mas li ..... li:hover tak das aj li:active.
Fungovat by to malo, no mne to raz fungovalo a raz nie, tak nwm.
Lepsie by bolo keby ze das odkaz na web alebo na menu ktore mas.

fikotek

Tak jak to popisujes je to dobre. Dam tomu .active. Ale menu zustane stale zavrene.

Kód: Vybrať všetko

$(document).ready(function() {
            $("#nav dd").hide();
            $(".slider").click(function() {
                if ($(this).parent().next().is(":visible")) {
                    $(this).parent().next().slideUp(200);
                }
                else {
                    $(this).parent().siblings("dd:visible").slideUp(200);
                    $(this).parent().next().slideDown(500);
                }
                return false;
            });
});

Kód: Vybrať všetko

<dl id="nav">
   <dt><a href="#url">Home</a></dt>
   <dt><b class="slider">Sales</b></dt>
   <dd>
      <ul>
         <dt><b class="slider">Digital SLR Cameras</b></dt>
                 <dd>
              <ul>
                 <li><a href="#url">Printing & Framing</a></li>
                 <li><a href="#url">Photo Editing</a></li>

                 <li><a href="#url">Storage & Backup</a></li>
              </ul>
           </dd>
         <dt><b class="slider">Interchangeable Lenses</b></dt>
                 <dd>
              <ul>
                 <li><a href="#url">Printing & Framing</a></li>
                 <li><a href="#url">Photo Editing</a></li>

                 <li><a href="#url">Storage & Backup</a></li>
              </ul>
           </dd>
         <dt><b class="slider">Flash Guns and Accessories</b></dt>
         <dd>
              <ul>
                 <li><a href="#url">Printing & Framing</a></li>
                 <li><a href="#url">Photo Editing</a></li>

                 <li><a href="#url">Storage & Backup</a></li>
              </ul>
           </dd>
      </ul>
   </dd>
   <dt><b class="slider">Not Sales</b></dt>
   <dd>
      <ul>
         <dt><b class="slider">Digital SLR Cameras</b></dt>
                 <dd>
              <ul>
                 <li><a href="#url">Printing & Framing</a></li>
                 <li><a href="#url">Photo Editing</a></li>

                 <li><a href="#url">Storage & Backup</a></li>
              </ul>
           </dd>
         <dt><b class="slider">Interchangeable Lenses</b></dt>
                 <dd>
              <ul>
                 <li><a href="#url">Printing & Framing</a></li>
                 <li><a href="#url">Photo Editing</a></li>

                 <li><a href="#url">Storage & Backup</a></li>
              </ul>
           </dd>
         <dt><b class="slider">Flash Guns and Accessories</b></dt>
         <dd>
              <ul>
                 <li><a href="#url">Printing & Framing</a></li>
                 <li><a href="#url">Photo Editing</a></li>

                 <li><a href="#url">Storage & Backup</a></li>
              </ul>
           </dd>
      </ul>
   </dd>
</dl>

tú triedu .active si musíš aj napísať, a definuješ v nej visibility:visible;

fikotek

Audio, tohle nebude ono.

Predstav si ze v tom prikladu ktery jsem poslal se proklikas: Sales > Digital SLR Cameras > Photo Editing
Sales nema href, Digital SLR Cameras taky nema href.

Ted skopirujes link: http://www.mojedomena.cz/photo-editing.php

a ted se dostanes na spravnou url, ale slide menu bude zavrene. Bude na nem .active, bude to hezky zabarvene treba ale nikdo to neuvidi protoze to menu bude zavrene. Da se tohle nejak vyresit?

Michaelo

Musis dat visible na obe nadradene casti aby sa otvorili.
Takze mozno nahodit Active na vsetky casti ako si napisal Sales > Digital SLR Cameras > Photo Editing a nie len na Photo Editing.

awtt · Príspevok od používateľa **awtt** » 16 aug 2013, 16:41

Uloz si poziciu do window.location.hash a potom podla toho co tam je rozklikni menu na page load.

Slide menu,... fakt nevim jak to popsat,... vice v detailu.

Slide menu,... fakt nevim jak to popsat,... vice v detailu.

Re: Slide menu,... fakt nevim jak to popsat,... vice v detai

Re: Slide menu,... fakt nevim jak to popsat,... vice v detai

Re: Slide menu,... fakt nevim jak to popsat,... vice v detai

Re: Slide menu,... fakt nevim jak to popsat,... vice v detai

Re: Slide menu,... fakt nevim jak to popsat,... vice v detai

Re: Slide menu,... fakt nevim jak to popsat,... vice v detai