|
|
发表于 2016-2-20 18:07:16
|
显示全部楼层
' e( z" z. Z* ^- y4 C s. ]
大赞！绝对可用。- }! H. k5 C2 \ r: D' m, Z
我还想再请教您一个问题。8 [6 @7 b, R* L( ?" ~
' B$ H7 S% \, d& D假设我想横向摆放我的内容，如何让点击下一个目标之后，让上一个内容消失呢？
- u4 L7 i* H0 m, q" m0 ^- i( H好比说：
* @) S, H% T! a$ [+ e" \/ t- A; P q- w, t- L/ M7 f2 J
【释义】 【例句】 【词源】: I9 g. h5 z0 f6 e
' M' T" t# E+ ]8 F" {" S
<a href="javascript:toggleElement('a1')">【释义】</a>5 q6 d3 y4 a. b C; ]
<a href="javascript:toggleElement('a2')">【例句】</a>
7 W( E* d0 t+ g9 l i+ |2 U+ [<a href="javascript:toggleElement('a3')">【词源】</a>; f8 \: v' k# O. ?. S
2 S$ n3 g; B- h2 G
这3个是横向放在一起的。然后，我分别设置了3项相应内容，好比说：1 D. F& v* f. s/ b6 [
' V6 a: h j/ _6 Y h ^. t8 v/ B<div id="a1" style="display:none">
$ k, G4 h. R/ r) Y! n9 u 这里是释义
2 u! u0 c# s J</div>
* y0 _( W% P/ I+ o; }) m, |2 U<div id="a2" style="display:none">
8 N3 c m$ I% g! o7 H" i; J8 A7 d5 V这里是例句
+ z- N$ L; P# d9 S</div>
+ w# v; \& N4 C! {' \<div id="a2" style="display:none">
1 U2 ]/ B G: `! U7 A: _2 ?8 M这里是词源
, l$ C2 S5 q% U( b- @" D) N</div>
1 f2 @. F; T5 Z8 t3 `- Y, _/ r, d' E
依照您所提供的代码，确实可以实现折叠功能。
8 p( ^: U5 ?$ x但是，如果我先展开了【释义】，又没有再次关闭掉，但我再点击【例句】的时候就成了这个
% d9 }* z7 b: X! x) V' N7 d/ ?$ w' C9 F. n. W. ?% c7 t# U1 P
【释义】 【例句】 【词源】
K. s& V0 v0 p% V0 q; i' P+ m. P 这里是释义( S9 j+ |) l2 ?2 J% Y5 }: Y
这里是例句
$ s: C1 }' C* \* W
" D8 }! W1 r+ X4 \也就是说，我该如何修改您所提供的代码，才可以让它只显示一个ID的内容，而无需额外再关闭前一个。( X* u* u. B+ T+ Q* \
即是说，我展开了【释义】，我再点击【例句】，那么”这里是释义“自动消失，变成”这里是例句“
, b8 t$ r, @: b& m% `. S3 ~, C) ?0 g y
/ E/ M2 i2 y" E1 h: k3 Y& j |
|
发表于 2016-2-3 14:00:27
楼主
