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:
------------------------------------------------------------
(función ($) {
$.fn.expandAll = función (opciones) {
el var omite = {
expTxt: “Demostrar todos”,
cllpsTxt: “Ocultar todos”,
cllpsEl: “.collapse”, // el elemento plegable
disparador: “.expand”, // los elementos que contienen el disparador del efecto de palanca sobre las secciones plegables individuales
referencia: “.expand”, // el interruptor “amplían todos/derrumbamiento que todo” se inserta antes de la “referencia”
showMethod: “demostrar”,
hideMethod: “piel”,
estado: “ocultado”, // los elementos plegables se oculta por abandono: utilizar “ocultado” o “demostrado”
velocidad: 0,
oneSwitch: verdad
};
var o = $.extend ({}, defectos, opciones);
toggleTxt del var = o.expTxt;
si (== de o.state “ocultado ") {
$ (éste) .find (o.cllpsEl + “: no (.shown) ").hide ()
.prev () .find (o.trigger + “> a.open ").removeClass (“abrirse ");
} {
toggleTxt = o.cllpsTxt;
}
this.each de vuelta (función (índice) {
referente del var, $cllps, $tr;
si (o.ref) {
envase del var;
si (this.id.length) {
envase = “#” + this.id;
} si (this.className.length) {
envase = this.tagName.toLowerCase () + “.” + this.className.split (“").join (” .");
} {envase = this.tagName.toLowerCase ();}
referente = $ (éste) .find (““” + o.ref + “: primero” ");
$cllps = $ (éste) .closest (envase) .find (o.cllpsEl);
$tr = $ (éste) .closest (envase) .find (o.trigger + “> a ");
} {
referente = $ (éste);
$cllps = $ (éste) .find (o.cllpsEl);
$tr = $ (éste) .find (o.trigger + “> a ");
}
si (o.oneSwitch) {
referent.before (“href= del >” + toggleTxt + “");
} {
referent.before (“href= del >” + o.expTxt + “ | href= del ” + o.cllpsTxt + “");
}
referent.prev (“p ").find (“un ").click (función () {
si == o.expTxt (de $ (éste) .text ()) {
si (o.oneSwitch) {$ (éste) .text (o.cllpsTxt);}
$tr.addClass (“abrirse ");
$cllps [o.showMethod] (o.speed);
} {
si (o.oneSwitch) {$ (éste) .text (o.expTxt);}
$tr.removeClass (“abrirse ");
$cllps [o.hideMethod] (o.speed);
}
volver falso;
});
});};
------------------------------------------------------------
función que entra en el archivo de .cfm
------------------------------------------------------------
$ (función () {
// --- Usar las opciones implícitas:
$ (“h3.expand”) .toggler ({initShow: “div.collapse: primero”});
// --- Otras opciones:
// $ (“h3.expand”) .toggler ({método: “palanca”, velocidad: 0});
// $ (“h3.expand”) .toggler ({método: “palanca”});
// $ (“h3.expand”) .toggler ({velocidad: “rápido”});
// $ (“h3.expand”) .toggler ({método: “fadeToggle”});
// $ (“h3.expand”) .toggler ({método: “slideFadeToggle”});
$ (“#content”) .expandAll ({disparador: “h3.expand”, referencia: “div.demo”, showMethod: “slideDown”, hideMethod: “slideUp”, velocidad: 400, oneSwitch: falso});
});
------------------------------------------------------------
css
------------------------------------------------------------
/*css para Containers* extensible
/* --------
Las reglas del CSS ofrecidas aquí son apenas un ejemplo, usted pueden utilizarlas como base.
Formar su contenido “se amplían/del derrumbamiento” de modo que resuelva el estilo de su sitio.
--------- *
* {margen: 0; acolchado: 0}
/* --- Estructura de la página --- *
#wrapper {
margen: 0 automóviles;
/*padding: 15px el 15%; *
texto-alinear: izquierdo;
}
#wrapper h3 {
margen: 0;
}
#content {
/*max-width: 70em; *
anchura: 100%;
margen: 0 automóviles;
acolchado-parte inferior: 0px;
desbordamiento: ocultado
}
.demo {
margen: 0 automóviles;
acolchado: 0;
posición: relativo;
fondo: #000;
}
.collapse h4 {acolchado: 0;}
#DocumentID, .DocumentID {margen-parte inferior: 5px; texto-alinear: centro; color: #000;}
/* --- Títulos --- *
.expand {acolchado-parte inferior: 0;}
/* --- Acoplamientos --- *
#switch, .switch {
color: #BCB39A;
anchura: 220px;
margen: 0;
acolchado: 0 0 0 10px;
texto-alinear: izquierdo;
}
.expand a {
exhibición: bloque;
acolchado: 5px 40px 5px 10px;
color: #8A5D3C;
}
.expand a: acoplamiento, .expand a: visitado {
color: #8A5D3C;
fondo: URL (. /images/arrow-down.gif) ninguno-repiten;
margen: 0;
acolchado: 0 0 0 10px;
}
.expand a: libración, .expand a: active, .expand a: foco {
texto-decoración: ningunos;
}
.expand a.open: acoplamiento, .expand a.open: visitado {
fondo: URL (. /images/arrow-up.gif) ninguno-repiten;
margen: 0;
acolchado: 0 0 0 10px;
}
/*subNav*/
.subNav a {
color: #BCB39A;
texto-decoración: ningunos;
}
.subNav a: libración {
color: #8A5D3C;
texto-decoración: ningunos;
}
.focus a {texto-decoración: ningunos; color: #fff;}
.focus a: libración {texto-decoración: ningunos;}
h3.expand {
margen: 0;
acolchado: 15px 0 0 0;
fuente-peso: normal;
}
h4.subNav, h4.focus {
margen: 0;
acolchado: 0 0 5px 10px;
fuente-peso: normal;
texto-transformar: ningunos;
}
------------------------------------------------------------
seccionar que exhibe el menú del archivo de .cfm:
------------------------------------------------------------
class= " subNav del
id= " envoltura " del
id= " contenido " del
class= " versión parcial de programa " del
group= " MainCategoryID " de los " getCategories " del query= del
el class= #MainCategory#
class= " derrumbamiento " del
group= " CategoryID " del
theClass del
theClass del
¿#theClass# " href= " products.cfm del class= #Category#
|
