Pytanie : Dodzwonienie url zmienna the poprawny menu rzecz w JQuery Rozszerzać Funkcja

I mieć webpage który wystawiać krótki artykuł menu z Główny Kategoria i Sub-Categories.  
When the użytkownik klikać na Główny Kategoria the menu sekcja rozszerzać the sub-categories.
The użytkownik móc wtedy dalej the sub-category the products.

I używać JQuery funkcja i the menu opcja.  I używać coldfusion i mysql
to zapytanie the baza danych który zawierać the MainCategory stół, the Kategoria (stół) stół i the
products stół. The MainCategoryID i the CategoryID (okręt podwodny) bothed przechodzić przez the URL.

The problem I mieć być kiedy the użytkownik klikać sub-category mieć the pierwszy jeden spisywać, ono refreshes
the strona i iść z powrotem tylko the pierwszy menu rzecz.  The produkt wystawiać prawidłowo,
but I potrzebować ono the ostatni menu rzecz który wybierać.  W inny słowo, I potrzebować ostrość
on the ostatni wybrany menu rzecz using the zmienna który przechodzić przez the url.

Here być połączenie the strona że I nawiązywać do, więc ty móc jak ono zachowywać się.
http://advantagescaffold.c om/products.cfm
The boczny menu być na the lewa strona. ono brak the pierwszy menu rzecz.  Jak Tylko ty wybierać different
menu opcja ono przechodzić the zmienna przez url.

I zawierać the expand.js kartoteka, the funkcja który iść w the .cfm kartoteka, the sekcja który wystawiać
menu i the css który kojarzyć z the JQuery function.



 
(1):
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:

------------------------------------------------------------
expand.js:
------------------------------------------------------------
(funkcja ($) {
$.fn.expandAll = funkcja (opcja) {
    var brak = {
         expTxt: "Pokazywać Wszystko",
         cllpsTxt: "Chować Wszystko",
         cllpsEl: ".collapse", // the element element
         cyngiel: ".expand", // the element który zawierać the cyngiel the sekcja skutek na the indywidualny indywidualny sekcja
         ref: ".expand", // the zmiana "Rozszerzać Wszystko/Zawalenie się Wszystko" wkładać przed the "ref"
         showMethod: "pokazywać",
         hideMethod: "kryjówka",
         stan: "", // the brak element chować brak: używać "chować" lub "pokazywać"
         prędkość: (0),
         oneSwitch: prawdziwy
    };
    var o = $.extend ({}, brak, opcja);   
    
    var toggleTxt = o.expTxt;
    jeżeli (o.state == "chować ") {
      $ (o.cllpsEl) .find (o.cllpsEl + ": nie (.shown) ").hide ()
        .prev () .find (o.trigger + "> a.open ").removeClass ("otwierać ");
    } inny {
      toggleTxt = o.cllpsTxt; 
    }
   
    powrotny this.each (funkcja (wskaźnik) {
        var referent, $cllps, $tr;
        jeżeli (o.ref) {
            var zbiornik;
            jeżeli (this.id.length) {
              zbiornik = "#" + this.id;
            } inny jeżeli (this.className.length) {
              zbiornik = this.tagName.toLowerCase () + "." + this.className.split ('') .join (" .");
            } inny {zbiornik = this.tagName.toLowerCase ();}
            referent = $ (o.ref) .find (""" + o.ref + ": najpierw" ");
            $cllps = $ (o.cllpsEl) .closest (zbiornik) .find (o.cllpsEl);
            $tr = $ (to) .closest (zbiornik) .find (o.trigger + "> a ");
        } inny {
            referent = $ (to);
            $cllps = $ (o.cllpsEl) .find (o.cllpsEl);
            $tr = $ (to) .find (o.trigger + "> a ");
        }
        jeżeli (o.oneSwitch) {
            referent.before ("
" + toggleTxt + "
");
        } inny { 
            referent.before ("
" + o.expTxt + "  |  " + o.cllpsTxt + "
");
        }
		
        referent.prev ("p ").find ("").click (funkcja () {
            jeżeli ($ (o.expTxt) .text () == o.expTxt) {
              jeżeli (o.oneSwitch) {$ (o.cllpsTxt) .text (o.cllpsTxt);}
              $tr.addClass ("otwierać ");
              $cllps [o.showMethod] (o.speed);
            } inny {
              jeżeli (o.oneSwitch) {$ (o.expTxt) .text (o.expTxt);}
              $tr.removeClass ("otwierać ");
              $cllps [o.hideMethod] (o.speed);
            }
            wracać fałszywy;
    });
});};
------------------------------------------------------------
funkcja który iść w the .cfm kartoteka
------------------------------------------------------------
$ (funkcja () {
    // --- Using the brak opcja:
    $ ("h3.expand") .toggler ({initShow: "div.collapse: najpierw"});
    // --- Inny opcja:
    // $ ("h3.expand") .toggler ({metoda: "toggle", prędkość: (0)});
    // $ ("h3.expand") .toggler ({metoda: "toggle"});
    // $ ("h3.expand") .toggler ({prędkość: "szybki"});
    // $ ("h3.expand") .toggler ({metoda: "fadeToggle"});
    // $ ("h3.expand") .toggler ({metoda: "slideFadeToggle"});    
    $("#content") .expandAll ({cyngiel: "h3.expand", ref: "div.demo", showMethod: "slideDown", hideMethod: "slideUp", prędkość: 400, oneSwitch: fałszywy});
});

------------------------------------------------------------
css
------------------------------------------------------------
/*css dla Containers* Containers*
/* --------
  The CSS reguła oferować tutaj być właśnie przykład, ty móc jako baza. 
  Kształtować twój "rozszerzać/zawalenie się" zawartość tak, że ono spotykać the styl twój miejsce. 
 --------- *
* {margines: (0); podszycie: (0)}
/* --- Strona Struktura  --- *

#wrapper {
  margines: (0) samochód;
  /*padding: 15px 15%; *
  tekst-wyrównywać: lewy;
}

#wrapper h3 {
	margines: (0);
}
#content {
  /*max-width: 70em; *
  szerokość: 100%;
  margines: (0) samochód;
  podszycie-zgłębiać: 0px;
  przelew: chować
}
.demo {
  margines: (0) samochód;
  podszycie: (0);
  pozycja: krewny;
  tło: #000;
}
.collapse h4 {podszycie: (0);}

#DocumentID, .DocumentID {margin-zgłębiać: 5px; tekst-wyrównywać: centrum; kolor: #000;}

/* --- Kłoszenie  --- *


.expand {podszycie-zgłębiać: (0);}

/* --- Połączenie  --- *
#switch, .switch {
	kolor: #BCB39A;
	szerokość: 220px;
	margines: (0);
	podszycie: (0) (0) (0) 10px;
	tekst-wyrównywać: lewy;
}

.expand a {
  pokaz: blok;
  podszycie: 5px 40px 5px 10px;
  kolor: #8A5D3C;
}

.expand a: połączenie, .expand a: odwiedzać {
	kolor: #8A5D3C;
  tło: url (. /images/arrow-down.gif) żadny-powtarzać;
  margines: (0);
  podszycie: (0) (0) (0) 10px;
}

.expand a: hover, .expand a: aktywny, .expand a: ostrość {
  tekst-dekoracja: nikt;
}
.expand a.open: połączenie, .expand a.open: odwiedzać {
  tło: url (. /images/arrow-up.gif) żadny-powtarzać;
  margines: (0);
  podszycie: (0) (0) (0) 10px;

}

/*subNav*/
.subNav a {
	kolor: #BCB39A;
	tekst-dekoracja: nikt;
}

.subNav a: hover {
	kolor: #8A5D3C;
	tekst-dekoracja: nikt;
}

.focus a {tekst-dekoracja: nikt; kolor: #fff;}
.focus a: hover {tekst-dekoracja: nikt;}

h3.expand {
	margines: (0);
	podszycie: 15px (0) (0) (0);
	chrzcielnica-obciążać: normalna;
}

h4.subNav, h4.focus {
	margines: (0);
	podszycie: (0) (0) 5px 10px;
	chrzcielnica-obciążać: normalna;
	tekst-przekształcać: nikt;
}
------------------------------------------------------------
section że pokaz the menu od the .cfm kartoteka:
------------------------------------------------------------


   
 
      
  
         

            
               
#MainCategory#

               

                  
                     
			
                     
                        
                     
                     
#Category#

Odpowiedź : Dodzwonienie url zmienna the poprawny menu rzecz w JQuery Rozszerzać Funkcja

To chować the pierwszy menu jeżeli inny kategoria wybierać:
(1):
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:

    // DODAWAĆ TO
    var url = window.location.href;
	 ostrzeżenie (url);
    $(".demo div.collapse ").each (funkcja () {
        $ (funkcja) .find ("").each (funkcja () {
            jeżeli (url.indexOf ($ (.split) .attr ("href") .split ("? ") [(1)]) >= (0)) {
                $(".demo") .find ("div [class*=collapse]: najpierw") .hide ();
                $ (").show) .parents ("div.collapse ").show ();
            }
        });
    });
Inne rozwiązania  
 
programming4us programming4us