class= " lineNumbers " del
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:
|
class= del
class= " del id= " codeSnippet846105 del ------------------------------------------------------------
expand.js:
------------------------------------------------------------
(funzione ($) {
$.fn.expandAll = funzione (opzioni) {
la varietà stabilizza = {
expTxt: “Mostrare tutti„,
cllpsTxt: “Nascondere tutti„,
cllpsEl: “.collapse„, // l'elemento pieghevole
innesco: “.expand„, // gli elementi che contengono l'innesco dell'effetto leva sulle diverse sezioni pieghevoli
riferimento: “.expand„, // l'interruttore “espandono tutti/crollo che tutto„ è inserito prima “del riferimento„
showMethod: “mostrare„,
hideMethod: “pellame„,
condizione: “nascosto„, // gli elementi pieghevoli è nascosto per difetto: usare “nascosto„ o “indicato„
velocità: 0,
oneSwitch: allineare
};
varietà o = $.extend ({}, difetti, opzioni);
toggleTxt di varietà = o.expTxt;
se (== di o.state “nascosto ") {
$ (questo) .find (o.cllpsEl + “: non (.shown) ").hide ()
.prev () .find (o.trigger + “> a.open ").removeClass (“aprir ");
} altrimenti {
toggleTxt = o.cllpsTxt;
}
this.each di ritorno (funzione (indice) {
referent di varietà, $cllps, $tr;
se (o.ref) {
contenitore di varietà;
se (this.id.length) {
contenitore = “#„ + this.id;
} altrimenti se (this.className.length) {
contenitore = this.tagName.toLowerCase () + “.„ + this.className.split (“").join („ .");
} altrimenti {contenitore = this.tagName.toLowerCase ();}
referent = $ (questo) .find (““„ + o.ref + “: in primo luogo„ ");
$cllps = $ (questo) .closest (contenitore) .find (o.cllpsEl);
$tr = $ (questo) .closest (contenitore) .find (o.trigger + “> a ");
} altrimenti {
referent = $ (questo);
$cllps = $ (questo) .find (o.cllpsEl);
$tr = $ (questo) .find (o.trigger + “> a ");
}
se (o.oneSwitch) {
referent.before (“href= di >„ + toggleTxt + “");
} altrimenti {
referent.before (“href= di >„ + o.expTxt + “ | href= di „ + o.cllpsTxt + “");
}
referent.prev (“p ").find (“un ").click (funzione () {
se (== o.expTxt di $ (questo) .text ()) {
se (o.oneSwitch) {$ (questo) .text (o.cllpsTxt);}
$tr.addClass (“aprir ");
$cllps [o.showMethod] (o.speed);
} altrimenti {
se (o.oneSwitch) {$ (questo) .text (o.expTxt);}
$tr.removeClass (“aprir ");
$cllps [o.hideMethod] (o.speed);
}
restituire falso;
});
});};
------------------------------------------------------------
funzione che va nella lima di .cfm
------------------------------------------------------------
$ (funzione () {
// --- Using le opzioni di difetto:
$ (“h3.expand„) .toggler ({initShow: “div.collapse: in primo luogo„});
// --- Altre opzioni:
// $ (“h3.expand„) .toggler ({metodo: “cavicchio„, velocità: 0});
// $ (“h3.expand„) .toggler ({metodo: “cavicchio„});
// $ (“h3.expand„) .toggler ({velocità: “veloce„});
// $ (“h3.expand„) .toggler ({metodo: “fadeToggle„});
// $ (“h3.expand„) .toggler ({metodo: “slideFadeToggle„});
$("#content„) .expandAll ({innesco: “h3.expand„, riferimento: “div.demo„, showMethod: “slideDown„, hideMethod: “slideUp„, velocità: 400, oneSwitch: falso});
});
------------------------------------------------------------
css
------------------------------------------------------------
/*css per Containers* espansibile
/* --------
Le regole di CSS offerte qui sono appena un esempio, voi possono usarle come base.
Modellare il vostro “soddisfare crollo/si espandono„ in modo che incontri lo stile del vostro luogo.
--------- */
* {margine: 0; riempimento: 0}
/* --- Struttura della pagina --- */
#wrapper {
margine: 0 automobili;
/*padding: 15px 15%; */
testo-allineare: di sinistra;
}
#wrapper h3 {
margine: 0;
}
#content {
/*max-width: 70em; */
larghezza: 100%;
margine: 0 automobili;
riempimento-parte inferiore: 0px;
trabocco: nascosto
}
.demo {
margine: 0 automobili;
riempimento: 0;
posizione: relativo;
priorità bassa: #000;
}
.collapse h4 {riempimento: 0;}
#DocumentID, .DocumentID {margine-parte inferiore: 5px; testo-allineare: centro; colore: #000;}
/* --- Intestazioni --- */
.expand {riempimento-parte inferiore: 0;}
/* --- Collegamenti --- */
#switch, .switch {
colore: #BCB39A;
larghezza: 220px;
margine: 0;
riempimento: 0 0 0 10px;
testo-allineare: di sinistra;
}
.expand a {
esposizione: blocco;
riempimento: 5px 40px 5px 10px;
colore: #8A5D3C;
}
.expand a: collegamento, .expand a: visitato {
colore: #8A5D3C;
priorità bassa: URL (. /images/arrow-down.gif) nessun-si ripetono;
margine: 0;
riempimento: 0 0 0 10px;
}
.expand a: librazione, .expand a: active, .expand a: fuoco {
testo-decorazione: nessun;
}
.expand a.open: collegamento, .expand a.open: visitato {
priorità bassa: URL (. /images/arrow-up.gif) nessun-si ripetono;
margine: 0;
riempimento: 0 0 0 10px;
}
/*subNav*/
.subNav a {
colore: #BCB39A;
testo-decorazione: nessun;
}
.subNav a: librazione {
colore: #8A5D3C;
testo-decorazione: nessun;
}
.focus a {testo-decorazione: nessun; colore: #fff;}
.focus a: librazione {testo-decorazione: nessun;}
h3.expand {
margine: 0;
riempimento: 15px 0 0 0;
fonte-peso: normale;
}
h4.subNav, h4.focus {
margine: 0;
riempimento: 0 0 5px 10px;
fonte-peso: normale;
testo-trasformare: nessun;
}
------------------------------------------------------------
sezionare che visualizza il menu dalla lima di .cfm:
------------------------------------------------------------
class= " subNav del
id= " involucro " del
id= " soddisfare " del
class= " dimostrazione " del
group= " MainCategoryID " " di getCategories " del query= del
il class= #MainCategory#
class= " crollo " del
group= " CategoryID " del
theClass del
theClass del
#theClass# " href= " products.cfm del class= #Category#
|
