求教js控制的双解切换想默认全部折叠要改哪里(附代码）

5dhtml · 发表于 2019-6-3 12:17:29

本帖最后由 5dhtml 于 2019-6-3 15:00 编辑

LDOCE是我的主力词典，这个双解切换版本好象是fearfare090807做的，点击切换任何地方的中文，我非常喜欢。

但是我觉得默认展开所有内容太占空间，每次都要一直往下拉。如果默认者中英文释义而不显示例句的话更好
这样就可以节省很多空间，一目了然查看所有释义，如果关注某个释义再点进去看例句；想看例句中文翻译再点击一下
我按照自己喜好修改了css样式，但是点击切换的js就实在没办法了，盲目得试着改了很久也不行，求js大佬指点一下(代码和文件在下边)

如图，默认是全部展开的，但下图这些操作本身都可以单独点击来完成，我希望能默认实现第二张图的效果

最终希望实现这样的默认效果

JS代码，可以在线看：LM5Switch.js
https://paste.ubuntu.com/p/zk2PZwCmqH/

相关文件：(css、js等直接传这里了，mdx文件发到网盘)

1、css、js等文件

LDOCE5++双解切换版_css_js文件包.zip (114.92 KB, 下载次数: 16)

2、Longman DOCE5++ mdx文件
https://pan.baidu.com/s/15BJeMvSS3uT73kaGWcn8QQ 提取码 d7hg

gsxlm · 发表于 2019-6-3 14:53:52

.LDOCE_switch_lang.switch_children后面加个不显示，就没例句了。再改一下别的，应该就好了。

5dhtml · 发表于 2019-6-3 15:03:52

gsxlm 发表于 2019-6-3 14:53
.LDOCE_switch_lang.switch_children后面加个不显示，就没例句了。再改一下别的，应该就好了。 ...

我只会css，display:none, 完全不懂js，请问“不显示”怎么写啊？

jQuery.noConflict()(function ($) {
const TAGSWITCHCN = '.LDOCE_switch_lang';
const TAGSWITCHCNALL = '.LDOCE_switch_lang.switch_all';
const TAGSWITCHCNCHILDREN = '.LDOCE_switch_lang.switch_children';
const TAGSWITCHCNSIBLINGS = '.LDOCE_switch_lang.switch_siblings';
const TAGSWITCHCNTAG = '.LDOCE_switch_lang.switch_children, .LDOCE_switch_lang.switch_siblings'

Ziauddin · 发表于 2019-6-4 01:33:33

Great job. Thanks for sharing.

Ziauddin · 发表于 2019-6-4 01:33:46

Great job. Thanks for sharing.

Ziauddin · 发表于 2019-6-4 01:33:58

Great job. Thanks for sharing.

[求助] 求教js控制的双解切换想默认全部折叠要改哪里(附代码）

评分