mdx的html代码是否支持单词例句折叠功能？只显示释义？

priestpdawiki · 发表于 2016-2-3 14:00:27

mdx的源代码是html写的，我有时用mdx辞典背单词，会想要只看单词的中英释义，而隐藏掉那些例句。那么html是否能编辑出把例句折叠掉的功能呢？而且mdx也能支持这种功能？

比如，原来一个单词是这样的：

解释1 英文解释
例句
例句
例句
解释2 英文解释
例句
例句
解释3 英文解释
例句
例句

我想变成让例句都折叠，想看的时候再点出来

解释1 英文解释
+……
解释2 英文解释
+……
解释3 英文解释
+……

mdx的html代码能否实现？

LYX1692 · 发表于 2016-2-3 17:17:25

绝对是可以的。bt4baidu的Vocabulary.com就有折叠功能。
但我不太清楚具体代码。
期待大神回答。

priestpdawiki · 发表于 2016-2-7 13:36:57

LYX1692 发表于 2016-2-3 17:17
绝对是可以的。bt4baidu的Vocabulary.com就有折叠功能。
但我不太清楚具体代码。
期待大神回答。

如果能实现这个功能，mdx词典绝对增添一大利益。很多特色功能真的是程序员的天下

vbnet · 发表于 2016-2-7 14:40:15

css
display:none

.p1{ font-size: 28pt;font-family:Arial;color:black; display:;}/* 词条*/
.p2{ font-size: 20pt;background-color:#008080; color:white; display:none;}/* 例*/

Langheping · 发表于 2016-2-17 21:42:50

本帖最后由 Langheping 于 2016-2-17 21:47 编辑

词头
解释1 英文解释<br>
<a href="javascript:toggleElement('a1')">+……</a>
<br>
<div id="a1" style="display:none">
例句 ....
</div>
<script>
function toggleElement(id)
{ if(document.getElementById(id).style.display == 'none')
{ document.getElementById(id).style.display = ''; }
else
{ document.getElementById(id).style.display = 'none'; }}
</script>
</>

复制代码

LYX1692 · 发表于 2016-2-20 18:07:16

Langheping 发表于 2016-2-17 21:42

大赞！绝对可用。
我还想再请教您一个问题。

假设我想横向摆放我的内容，如何让点击下一个目标之后，让上一个内容消失呢？
好比说：

【释义】【例句】  【词源】

<a href="javascript:toggleElement('a1')">【释义】</a>
<a href="javascript:toggleElement('a2')">【例句】</a>
<a href="javascript:toggleElement('a3')">【词源】</a>

这3个是横向放在一起的。然后，我分别设置了3项相应内容，好比说：

<div id="a1" style="display:none">
这里是释义
</div>
<div id="a2" style="display:none">
这里是例句
</div>
<div id="a2" style="display:none">
这里是词源
</div>

依照您所提供的代码，确实可以实现折叠功能。
但是，如果我先展开了【释义】，又没有再次关闭掉，但我再点击【例句】的时候就成了这个

【释义】【例句】  【词源】
  这里是释义
  这里是例句

也就是说，我该如何修改您所提供的代码，才可以让它只显示一个ID的内容，而无需额外再关闭前一个。
即是说，我展开了【释义】，我再点击【例句】，那么”这里是释义“自动消失，变成”这里是例句“

Langheping · 发表于 2016-2-20 21:25:06

LYX1692 发表于 2016-2-20 18:07
大赞！绝对可用。
我还想再请教您一个问题。

Don't know. Need to search from internet.

priestpdawiki · 发表于 2016-2-24 16:12:36

Langheping 发表于 2016-2-17 21:42

非常感谢，不过这个代码我拷贝到dreamweaver里面测试，似乎那个+号对鼠标不起作用。我不懂程序，其实就算是代码能够运行，我也没法制作一个具有折叠例句功能的mdx出来，我希望这个帖子能提供一种思路给大神们，让mdx辞典变得原来越人性化

[求助] mdx的html代码是否支持单词例句折叠功能？只显示释义？