class= " lineNumbers " de
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= de
class= " de l'id= " codeSnippet846105 de ------------------------------------------------------------
expand.js :
------------------------------------------------------------
(fonction ($) {
$.fn.expandAll = fonction (options) {
la variété se transfère = {
expTxt : « Montrer tous »,
cllpsTxt : « Cacher tous »,
cllpsEl : « .collapse », // l'élément pliant
déclenchement : « .expand », // les éléments qui contiennent le déclenchement de l'effet à bascule sur les différentes sections pliantes
référence : « .expand », // le commutateur « augmentent tous/effondrement que tout » est inséré avant la « référence »
showMethod : « montrer »,
hideMethod : « peau »,
état : « caché », // les éléments pliants sont cachés par défaut : employer « caché » ou « montré »
vitesse : 0,
oneSwitch : vrai
} ;
variété o = $.extend ({}, défauts, options) ;
toggleTxt de variété = o.expTxt ;
si (== d'o.state « caché ") {
$ (ceci) .find (o.cllpsEl + « : pas (.shown) ").hide ()
.prev () .find (o.trigger + « > a.open ").removeClass (« s'ouvrir ") ;
} autrement {
toggleTxt = o.cllpsTxt ;
}
this.each de retour (fonction (index) {
référent de variété, $cllps, $tr ;
si (o.ref) {
récipient de variété ;
si (this.id.length) {
récipient = « # » + this.id ;
} autrement si (this.className.length) {
récipient = this.tagName.toLowerCase () + « . » + this.className.split (« ").join ( » .") ;
} autrement {récipient = this.tagName.toLowerCase () ;}
référent = $ (ceci) .find (« « » + o.ref + « : d'abord » ") ;
$cllps = $ (ceci) .closest (récipient) .find (o.cllpsEl) ;
$tr = $ (ceci) .closest (récipient) .find (o.trigger + « > a ") ;
} autrement {
référent = $ (ceci) ;
$cllps = $ (ceci) .find (o.cllpsEl) ;
$tr = $ (ceci) .find (o.trigger + « > a ") ;
}
si (o.oneSwitch) {
referent.before (href= de > » + toggleTxt + « ") ;
} autrement {
referent.before (href= de > » + o.expTxt + « ; | ; href= de » + o.cllpsTxt + « ") ;
}
referent.prev (« p ").find (« un ").click (fonction () {
si == o.expTxt (de $ (ceci) .text ()) {
si (o.oneSwitch) {$ (ceci) .text (o.cllpsTxt) ;}
$tr.addClass (« s'ouvrir ") ;
$cllps [o.showMethod] (o.speed) ;
} autrement {
si (o.oneSwitch) {$ (ceci) .text (o.expTxt) ;}
$tr.removeClass (« s'ouvrir ") ;
$cllps [o.hideMethod] (o.speed) ;
}
renvoyer faux ;
}) ;
}) ;};
------------------------------------------------------------
fonction qui entre dans le dossier de .cfm
------------------------------------------------------------
$ (fonction () {
// --- Using les options implicites :
$ (« h3.expand ») .toggler ({initShow : « div.collapse : d'abord »}) ;
// --- D'autres options :
// $ (« h3.expand ») .toggler ({méthode : « cabillot », vitesse : 0}) ;
// $ (« h3.expand ») .toggler ({méthode : « cabillot »}) ;
// $ (« h3.expand ») .toggler ({vitesse : « rapide »}) ;
// $ (« h3.expand ») .toggler ({méthode : « fadeToggle »}) ;
// $ (« h3.expand ») .toggler ({méthode : « slideFadeToggle »}) ;
$("#content ») .expandAll ({déclenchement : « h3.expand », référence : « div.demo », showMethod : « slideDown », hideMethod : « slideUp », vitesse : 400, oneSwitch : faux}) ;
}) ;
------------------------------------------------------------
CSS
------------------------------------------------------------
/*css pour Containers* extensible
/* --------
Les règles de CSS offertes ici sont juste un exemple, vous peuvent les employer comme base.
Former votre contenu « augmentent/effondrements » de sorte qu'il rencontre le modèle de votre emplacement.
--------- *
* {marge : 0 ; remplissage : 0}
/* --- Structure de page --- *
#wrapper {
marge : 0 automobiles ;
/*padding : 15px 15% ; *
texte-aligner : gauche ;
}
#wrapper h3 {
marge : 0 ;
}
#content {
/*max-width : 70em ; *
largeur : 100% ;
marge : 0 automobiles ;
le remplissage-fond : 0px ;
débordement : caché
}
.demo {
marge : 0 automobiles ;
remplissage : 0 ;
position : relatif ;
fond : #000 ;
}
.collapse h4 {remplissage : 0 ;}
#DocumentID, .DocumentID {le marge-fond : 5px ; texte-aligner : centre ; couleur : #000 ;}
/* --- Titres --- *
.expand {le remplissage-fond : 0 ;}
/* --- Liens --- *
#switch, .switch {
couleur : #BCB39A ;
largeur : 220px ;
marge : 0 ;
remplissage : 0 0 0 10px ;
texte-aligner : gauche ;
}
.expand a {
affichage : bloc ;
remplissage : 5px 40px 5px 10px;
couleur : #8A5D3C ;
}
.expand a : lien, .expand a : visité {
couleur : #8A5D3C ;
fond : URL (. /images/arrow-down.gif) aucun-répètent ;
marge : 0 ;
remplissage : 0 0 0 10px ;
}
.expand a : vol plané, .expand a : active, .expand a : foyer {
texte-décoration : aucun ;
}
.expand a.open : lien, .expand a.open : visité {
fond : URL (. /images/arrow-up.gif) aucun-répètent ;
marge : 0 ;
remplissage : 0 0 0 10px ;
}
/*subNav*/
.subNav a {
couleur : #BCB39A ;
texte-décoration : aucun ;
}
.subNav a : vol plané {
couleur : #8A5D3C ;
texte-décoration : aucun ;
}
.focus a {texte-décoration : aucun ; couleur : #fff ;}
.focus a : vol plané {texte-décoration : aucun ;}
h3.expand {
marge : 0 ;
remplissage : 15px 0 0 0 ;
police-poids : normal ;
}
h4.subNav, h4.focus {
marge : 0 ;
remplissage : 0 0 5px 10px ;
police-poids : normal ;
texte-transformer : aucun ;
}
------------------------------------------------------------
sectionner qui montre le menu à partir du dossier de .cfm :
------------------------------------------------------------
class= " subNav de
id= " emballage " de
id= " contenu " de
class= " démo " de
group= " MainCategoryID " de " getCategories " de query= de
le class= #MainCategory#
class= " effondrement " de
group= " CategoryID " de
theClass de
theClass de
#theClass# " href= " products.cfm du class=
|
