Frage : Die zurückgreifenden URL-Variablen, zum des korrekten Menüeinzelteils in JQuery zu erweitern erweitern Funktion

Ich habe eine Webseite, die ein Sidebarmenü mit Hauptkategorien und Unterkategorien anzeigt.  
When der Benutzer klickt an eine Hauptkategorie, die der Menüabschnitt erweitert, um die Unterkategorien zu zeigen.
The Benutzer kann die Unterkategorie dann an klicken, um das products.

I anzuzeigen verwendete eine JQuery Funktion, um zu erweitern und einzustürzen die Menüwahlen.  Ich verwendete coldfusion und mysql
to Frage die Datenbank, die die MainCategory Tabelle, die (Vor) Tabelle der Kategorie und die
products Tabelle enthält. Das MainCategoryID und das CategoryID (Unterseeboot) bothed überschritten durch das URL.

The Problem, das ich bin, wenn der Benutzer eine Unterkategorie anders als die erste verzeichnet klickt, sie refreshes
the Seite und gehen zurück, das erste Menüeinzelteil nur zu erweitern habe.  Die Produkte werden richtig,
but angezeigt, das ich es benötige, das letzte Menüeinzelteil zu erweitern, das vorgewählt wurde.  Das heißt, muss ich Fokus
on das letzte vorgewählte Menüeinzelteil using die Variablen setzen, die durch das url.

Here ist eine Verbindung auf zur Seite geführt werden, die ich mich beziehe, also können Sie sehen, wie sie sich benimmt.
http://advantagescaffold.c om/products.cfm
das seitliche Menü ist auf der linken Seite. es führt zu dem ersten Menüeinzelteil.  Sobald Sie eine different
menu Wahl vorwählen, führt sie die Variablen durch url.

I hat mit.eingeschlossen die expand.js Akte, die Funktion, die in die .cfm Akte, der Abschnitt geht, der
menu und den css anzeigt, der mit dem JQuery function.



 ist 
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:
6:
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:
------------------------------------------------------------
(Funktion ($) {
$.fn.expandAll = Funktion (Wahlen) {
    var fällt = {zurück
         expTxt: „Alle zeigen“,
         cllpsTxt: „Alle verstecken“,
         cllpsEl: „.collapse“, // das zusammenklappbare Element
         Auslöser: „.expand“, // die Elemente, die den Auslöser des Toggle-Effektes auf die einzelnen zusammenklappbaren Abschnitte enthalten
         Hinweis: „.expand“, // der Schalter „erweitern alle/Einsturz alle“ wird eingesetzt vor dem „Hinweis“
         showMethod: „darstellen“,
         hideMethod: „Fell“,
         Zustand: „versteckt“, werden // die zusammenklappbaren Elemente durch Rückstellung versteckt: verwenden „versteckt“ oder „dargestellt“
         Geschwindigkeit: 0,
         oneSwitch: zutreffend
    };
    var O = $.extend ({}, Rückstellungen, Wahlen);   
    
    var toggleTxt = o.expTxt;
    wenn (o.state == „versteckt ") {
      $ (dieses) .find (o.cllpsEl + „: nicht (.shown) ").hide ()
        .prev () .find (o.trigger + „> a.open ").removeClass („öffnen ");
    } sonst {
      toggleTxt = o.cllpsTxt; 
    }
   
    Rückholthis.each (Funktion (Index) {
        var-Referent, $cllps, $tr;
        wenn (o.ref) {
            var-Behälter;
            wenn (this.id.length) {
              Behälter = „#“ + this.id;
            } sonst, wenn (this.className.length) {
              Behälter = this.tagName.toLowerCase () + „.“ + this.className.split („").join (“ .");
            } sonst {Behälter = this.tagName.toLowerCase ();}
            Referent = $ (dieses) .find („„“ + o.ref + „: zuerst“ ");
            $cllps = $ (dieses) .closest (Behälter) .find (o.cllpsEl);
            $tr = $ (dieses) .closest (Behälter) .find (o.trigger + „> a ");
        } sonst {
            Referent = $ (dieses);
            $cllps = $ (dieses) .find (o.cllpsEl);
            $tr = $ (dieses) .find (o.trigger + „> a ");
        }
        wenn (o.oneSwitch) {
            referent.before („
“ + toggleTxt + „
");
        } sonst { 
            referent.before („
“ + o.expTxt + „  |  “ + o.cllpsTxt + „
");
        }
		
        referent.prev („p ").find („ein ").click (Funktion () {
            wenn ($ (dieses) .text () == o.expTxt) {
              wenn (o.oneSwitch) {$ (dieses) .text (o.cllpsTxt);}
              $tr.addClass („öffnen ");
              $cllps [o.showMethod] (o.speed);
            } sonst {
              wenn (o.oneSwitch) {$ (dieses) .text (o.expTxt);}
              $tr.removeClass („öffnen ");
              $cllps [o.hideMethod] (o.speed);
            }
            falsches zurückbringen;
    });
});};
------------------------------------------------------------
Funktion, die in die .cfm Akte geht
------------------------------------------------------------
$ (Funktion () {
    // --- Using die Standardannahmen bei Unterlassungen:
    $ („h3.expand“) .toggler ({initShow: „div.collapse: zuerst“});
    // --- Andere Wahlen:
    // $ („h3.expand“) .toggler ({Methode: „Knebel“, Geschwindigkeit: 0});
    // $ („h3.expand“) .toggler ({Methode: „Knebel“});
    // $ („h3.expand“) .toggler ({Geschwindigkeit: „schnell“});
    // $ („h3.expand“) .toggler ({Methode: „fadeToggle“});
    // $ („h3.expand“) .toggler ({Methode: „slideFadeToggle“});    
    $ („#content“) .expandAll ({Auslöser: „h3.expand“, Hinweis: „div.demo“, showMethod: „slideDown“, hideMethod: „slideUp“, Geschwindigkeit: 400, oneSwitch: falsch});
});

------------------------------------------------------------
css
------------------------------------------------------------
/*css für expandierbares Containers*
/* --------
  Die css-Richtlinien, die hier angeboten werden, sind gerade ein Beispiel, Sie können sie als Unterseite benutzen. 
  Ihren „erweitern/Einsturz“ Inhalt formen, damit er die Art Ihres Aufstellungsortes trifft. 
 --------- *
* {Seitenrand: 0; Auffüllen: 0}
/* --- Seiten-Struktur  --- *

#wrapper {
  Seitenrand: 0 Automobil;
  /*padding: 15px 15%; *
  Text-ausrichten: link;
}

#wrapper h3 {
	Seitenrand: 0;
}
#content {
  /*max-width: 70em; *
  Breite: 100%;
  Seitenrand: 0 Automobil;
  Auffüllenunterseite: 0px;
  Überlauf: versteckt
}
.demo {
  Seitenrand: 0 Automobil;
  Auffüllen: 0;
  Position: relativ;
  Hintergrund: #000;
}
.collapse h4 {Auffüllen: 0;}

#DocumentID, .DocumentID {Seitenrandunterseite: 5px; Text-ausrichten: Mitte; Farbe: #000;}

/* --- Überschriften  --- *


.expand {Auffüllenunterseite: 0;}

/* --- Verbindungen  --- *
#switch, .switch {
	Farbe: #BCB39A;
	Breite: 220px;
	Seitenrand: 0;
	Auffüllen: 0 0 0 10px;
	Text-ausrichten: link;
}

.expand a {
  Anzeige: Block;
  Auffüllen: 5px 40px 5px 10px;
  Farbe: #8A5D3C;
}

.expand a: Verbindung, .expand a: besucht {
	Farbe: #8A5D3C;
  Hintergrund: URL (. /images/arrow-down.gif) kein-wiederholen;
  Seitenrand: 0;
  Auffüllen: 0 0 0 10px;
}

.expand a: Schwebeflug, .expand a: Active, .expand a: Fokus {
  Textdekoration: keine;
}
.expand a.open: Verbindung, .expand a.open: besucht {
  Hintergrund: URL (. /images/arrow-up.gif) kein-wiederholen;
  Seitenrand: 0;
  Auffüllen: 0 0 0 10px;

}

/*subNav*/
.subNav a {
	Farbe: #BCB39A;
	Textdekoration: keine;
}

.subNav a: Schwebeflug {
	Farbe: #8A5D3C;
	Textdekoration: keine;
}

.focus a {Textdekoration: keine; Farbe: #fff;}
.focus a: Schwebeflug {Textdekoration: keine;}

h3.expand {
	Seitenrand: 0;
	Auffüllen: 15px 0 0 0;
	Gussgewicht: normal;
}

h4.subNav, h4.focus {
	Seitenrand: 0;
	Auffüllen: 0 0 5px 10px;
	Gussgewicht: normal;
	Text-umwandeln: keine;
}
------------------------------------------------------------
unterteilen, das das Menü von der .cfm Akte anzeigt:
------------------------------------------------------------


   
 
      
  
         

            
               class= 
#MainCategory#

               

                  
                     
			
                     
                        
                     
                     class= 
#Category#

Antwort : Die zurückgreifenden URL-Variablen, zum des korrekten Menüeinzelteils in JQuery zu erweitern erweitern Funktion

Dieses versteckt das erste Menü, wenn andere Kategorie vorgewählt:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:

    // ADDIEREN DIESES
    var URL = window.location.href;
	 Alarm (URL);
    $ („.demo div.collapse ").each (Funktion () {
        $ (dieses) .find („ein ").each (Funktion () {
            wenn (url.indexOf ($ (dieses) .attr („href“) .split („? ") [1]) >= 0) {
                $ („.demo“) .find („Div. [class*=collapse]: zuerst“) .hide ();
                $ (dieses) .parents („div.collapse ").show ();
            }
        });
    });
Weitere Lösungen  
 
programming4us programming4us