class= " lineNumbers "
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=
class= " id= " codeSnippet846105 ------------------------------------------------------------
expand.js:
------------------------------------------------------------
(функция ($) {
$.fn.expandAll = функция (варианты) {
var не выполняет обязательство = {
expTxt: «Покажите все»,
cllpsTxt: «Спрячьте все»,
cllpsEl: «.collapse», // складной элемент
пуск: «.expand», // элементы которые содержат пуск шарнирнорычажного влияния на индивидуальных складных разделах
ref: «.expand», // переключатель «расширяют все/сброс давления все» вводит перед «ref»
showMethod: «покажите»,
hideMethod: «мостовье»,
положение: «после того как я спрятано», // складные элементы спрятано невыполнением обязательства: используйте «спрятано» или «показано»
скорость: 0,
oneSwitch: поистине
};
var o = $.extend ({}, невыполнения обязательства, варианты);
toggleTxt var = o.expTxt;
если (спрятанное == o.state «") {, то
$ (это) .find (o.cllpsEl + «: не (.shown) ").hide ()
.prev () .find (o.trigger + «> a.open ").removeClass («раскройте ");
} еще {
toggleTxt = o.cllpsTxt;
}
возвращенное this.each (функция (индекс) {
referent var, $cllps, $tr;
если (o.ref) {, то
контейнер var;
если (this.id.length) {, то
контейнер = «#» + this.id;
} еще если (this.className.length) {, то
контейнер = this.tagName.toLowerCase () + «.» + this.className.split ('') .join (» .");
} еще {контейнер = this.tagName.toLowerCase ();}
referent = $ (это) .find (««» + o.ref + «: во первых» ");
$cllps = $ (это) .closest (контейнер) .find (o.cllpsEl);
$tr = $ (это) .closest (контейнер) .find (o.trigger + «> a ");
} еще {
referent = $ (это);
$cllps = $ (это) .find (o.cllpsEl);
$tr = $ (это) .find (o.trigger + «> a ");
}
если (o.oneSwitch) {, то
referent.before («href= >» + toggleTxt + «");
} еще {
referent.before («href= >» + o.expTxt + « | href= » + o.cllpsTxt + «");
}
referent.prev («p ").find («").click (функция () {
если (== o.expTxt $ (этого) .text ()) {, то
если (o.oneSwitch), то {$ (это) .text (o.cllpsTxt);}
$tr.addClass («раскройте ");
$cllps [o.showMethod] (o.speed);
} еще {
если (o.oneSwitch), то {$ (это) .text (o.expTxt);}
$tr.removeClass («раскройте ");
$cllps [o.hideMethod] (o.speed);
}
возвратите ложное;
});
});};
------------------------------------------------------------
функция идет в архив .cfm
------------------------------------------------------------
$ (функция () {
// --- Using варианты невыполнения обязательства:
$ («h3.expand») .toggler ({initShow: «div.collapse: во первых»});
// --- Другие варианты:
// $ («h3.expand») .toggler ({метод: «рычаг», скорость: 0});
// $ («h3.expand») .toggler ({метод: «рычаг»});
// $ («h3.expand») .toggler ({скорость: «быстро»});
// $ («h3.expand») .toggler ({метод: «fadeToggle»});
// $ («h3.expand») .toggler ({метод: «slideFadeToggle»});
$("#content») .expandAll ({пуск: «h3.expand», ref: «div.demo», showMethod: «slideDown», hideMethod: «slideUp», скорость: 400, oneSwitch: ложно});
});
------------------------------------------------------------
css
------------------------------------------------------------
/*css для расширяемый Containers*
/* --------
Правилами CSS предложенными здесь будут как раз пример, вы могут использовать их как основание.
Сформируйте ваше «содержание расширьте/сброса давления» так, что оно встретит тип вашего места.
--------- *
* {допустимый предел: 0; прокладка: 0}
/* --- Структура страницы --- *
#wrapper {
допустимый предел: 0 автомобилей;
/*padding: 15px 15%; *
текст-выровняйте: лево;
}
#wrapper h3 {
допустимый предел: 0;
}
#content {
/*max-width: 70em; *
ширина: 100%;
допустимый предел: 0 автомобилей;
прокладк-дно: 0px;
переполнение: спрятано
}
.demo {
допустимый предел: 0 автомобилей;
прокладка: 0;
положение: относительно;
предпосылка: #000;
}
.collapse h4 {прокладка: 0;}
#DocumentID, .DocumentID {допустим-дно: 5px; текст-выровняйте: центр; цвет: #000;}
/* --- Рубрики --- *
.expand {прокладк-дно: 0;}
/* --- Соединения --- *
#switch, .switch {
цвет: #BCB39A;
ширина: 220px;
допустимый предел: 0;
прокладка: 0 0 0 10px;
текст-выровняйте: лево;
}
.expand a {
индикация: блок;
прокладка: 5px 40px 5px 10px;
цвет: #8A5D3C;
}
.expand a: соединение, .expand a: посещено {
цвет: #8A5D3C;
предпосылка: url (. /images/arrow-down.gif) никак-повторяют;
допустимый предел: 0;
прокладка: 0 0 0 10px;
}
.expand a: hover, .expand a: active, .expand a: фокус {
текст-украшение: никакие;
}
.expand a.open: соединение, .expand a.open: посещено {
предпосылка: url (. /images/arrow-up.gif) никак-повторяют;
допустимый предел: 0;
прокладка: 0 0 0 10px;
}
/*subNav*/
.subNav a {
цвет: #BCB39A;
текст-украшение: никакие;
}
.subNav a: hover {
цвет: #8A5D3C;
текст-украшение: никакие;
}
.focus a {текст-украшение: никакие; цвет: #fff;}
.focus a: hover {текст-украшение: никакие;}
h3.expand {
допустимый предел: 0;
прокладка: 15px 0 0 0;
купел-вес: нормально;
}
h4.subNav, h4.focus {
допустимый предел: 0;
прокладка: 0 0 5px 10px;
купел-вес: нормально;
текст-преобразуйте: никакие;
}
------------------------------------------------------------
распределите показывает меню от архива .cfm:
------------------------------------------------------------
class= " subNav
id= " завертчица "
id= " содержание "
class= " демонстрация "
group= " MainCategoryID " " getCategories " query=
class= #MainCategory#
class= " сброс давления "
group= " CategoryID "
theClass
theClass
#theClass# " href= " products.cfm class= #Category#
|
