class= " lineNumbers " do
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= do
class= " do id= " codeSnippet846105 do ------------------------------------------------------------
expand.js:
------------------------------------------------------------
(função ($) {
$.fn.expandAll = função (opções) {
o var opta = {
expTxt: “Mostrar tudo”,
cllpsTxt: “Esconder tudo”,
cllpsEl: “.collapse”, // o elemento dobrável
disparador: “.expand”, // os elementos que contêm o disparador do efeito de alavanca nas seções dobráveis individuais
referência: “.expand”, // o interruptor “expandem tudo/colapso que todo” é introduzido antes da “referência”
showMethod: “mostrar”,
hideMethod: “couro cru”,
estado: “escondido”, // os elementos dobráveis é escondido à revelia: usar “escondido” ou “mostrado”
velocidade: 0,
oneSwitch: verdadeiro
};
var o = $.extend ({}, defeitos, opções);
toggleTxt do var = o.expTxt;
se (== do.state “escondido ") {
$ (este) .find (o.cllpsEl + “: não (.shown) ").hide ()
.prev () .find (o.trigger + “> a.open ").removeClass (“abrir ");
} mais {
toggleTxt = o.cllpsTxt;
}
this.each do retorno (função (índice) {
referente do var, $cllps, $tr;
se (o.ref) {
recipiente do var;
se (this.id.length) {
recipiente = “#” + this.id;
} mais se (this.className.length) {
recipiente = this.tagName.toLowerCase () + “.” + this.className.split (“").join (” .");
} mais {recipiente = this.tagName.toLowerCase ();}
referente = $ (este) .find (““” + o.ref + “: primeiramente” ");
$cllps = $ (este) .closest (recipiente) .find (o.cllpsEl);
$tr = $ (este) .closest (recipiente) .find (o.trigger + “> a ");
} mais {
referente = $ (este);
$cllps = $ (este) .find (o.cllpsEl);
$tr = $ (este) .find (o.trigger + “> a ");
}
se (o.oneSwitch) {
referent.before (do “href= >” + toggleTxt + “");
} mais {
referent.before (do “href= >” + o.expTxt + “ | href= do ” + o.cllpsTxt + “");
}
referent.prev (“p ").find (“um ").click (função () {
se (== o.expTxt de $ (este) .text ()) {
se (o.oneSwitch) {$ (este) .text (o.cllpsTxt);}
$tr.addClass (“abrir ");
$cllps [o.showMethod] (o.speed);
} mais {
se (o.oneSwitch) {$ (este) .text (o.expTxt);}
$tr.removeClass (“abrir ");
$cllps [o.hideMethod] (o.speed);
}
retornar falso;
});
});};
------------------------------------------------------------
função que vai na lima de .cfm
------------------------------------------------------------
$ (função () {
// --- Using as opções de defeito:
$ (“h3.expand”) .toggler ({initShow: “div.collapse: primeiramente”});
// --- Outras opções:
// $ (“h3.expand”) .toggler ({método: “toggle”, velocidade: 0});
// $ (“h3.expand”) .toggler ({método: “toggle”});
// $ (“h3.expand”) .toggler ({velocidade: “rápido”});
// $ (“h3.expand”) .toggler ({método: “fadeToggle”});
// $ (“h3.expand”) .toggler ({método: “slideFadeToggle”});
$ (“#content”) .expandAll ({disparador: “h3.expand”, referência: “div.demo”, showMethod: “slideDown”, hideMethod: “slideUp”, velocidade: 400, oneSwitch: falso});
});
------------------------------------------------------------
css
------------------------------------------------------------
/*css para Containers* expansível
/* --------
As réguas do CSS oferecidas aqui são apenas um exemplo, você podem usá-los como uma base.
Dar forma a seu “índice expandem/colapsos” de modo que encontre o estilo de seu local.
--------- *
* {margem: 0; estofamento: 0}
/* --- Estrutura da página --- *
#wrapper {
margem: 0 automóveis;
/*padding: 15px 15%; *
texto-alinhar: esquerdo;
}
#wrapper h3 {
margem: 0;
}
#content {
/*max-width: 70em; *
largura: 100%;
margem: 0 automóveis;
estofamento-parte inferior: 0px;
excesso: escondido
}
.demo {
margem: 0 automóveis;
estofamento: 0;
posição: relativo;
fundo: #000;
}
.collapse h4 {estofamento: 0;}
#DocumentID, .DocumentID {margem-parte inferior: 5px; texto-alinhar: centro; cor: #000;}
/* --- Títulos --- *
.expand {estofamento-parte inferior: 0;}
/* --- Ligações --- *
#switch, .switch {
cor: #BCB39A;
largura: 220px;
margem: 0;
estofamento: 0 0 0 10px;
texto-alinhar: esquerdo;
}
.expand a {
exposição: bloco;
estofamento: 5px 40px 5px 10px;
cor: #8A5D3C;
}
.expand a: ligação, .expand a: visitado {
cor: #8A5D3C;
fundo: URL (. /images/arrow-down.gif) nenhum-repetem;
margem: 0;
estofamento: 0 0 0 10px;
}
.expand a: pairo, .expand a: ative, .expand a: foco {
texto-decoração: nenhuns;
}
.expand a.open: ligação, .expand a.open: visitado {
fundo: URL (. /images/arrow-up.gif) nenhum-repetem;
margem: 0;
estofamento: 0 0 0 10px;
}
/*subNav*/
.subNav a {
cor: #BCB39A;
texto-decoração: nenhuns;
}
.subNav a: pairo {
cor: #8A5D3C;
texto-decoração: nenhuns;
}
.focus a {texto-decoração: nenhuns; cor: #fff;}
.focus a: pairo {texto-decoração: nenhuns;}
h3.expand {
margem: 0;
estofamento: 15px 0 0 0;
pia-peso: normal;
}
h4.subNav, h4.focus {
margem: 0;
estofamento: 0 0 5px 10px;
pia-peso: normal;
texto-transformar: nenhuns;
}
------------------------------------------------------------
secionar que indica o menu da lima de .cfm:
------------------------------------------------------------
class= de " subNav do
id= " envoltório " do
id= " índice " do
class= " programa demonstrativo " do
group= " MainCategoryID " dos " getCategories " do query= do
o class= #MainCategory#
class= " colapso " do
group= " CategoryID " do
theClass do
theClass do
#theClass# " href= " products.cfm do class= #Category#
|
