小编Mat*_*sen的帖子

使用jQuery切换无序列表项

我正处于一个项目中,非HTML精明的用户将在WYSIWYG编辑器中更改网站内容.一页涉及具有大量内容的无序列表.我希望能够切换内容,但我遇到了一个问题.

这是一个jsfiddle与我的问题重新创建:http://jsfiddle.net/eKzbY/

而我的javascript:

$(document).ready(function() {
    $('.descrip ul ul').hide();
    $('.descrip ul li').click(function() {
        $(this).children('.subLink').toggle('slow');
    });
    $('.descrip li:has(ul)').addClass('myLink');
    $('.descrip ul ul').addClass('subLink');
});
Run Code Online (Sandbox Code Playgroud)

您可以在"2"下切换内容,但是当您单击"2.1"切换其内容时,它会切换其下的内容和"2"下的内容.我相信这是因为单击"2.1"会同时击中两个li,同时切换两者.我会给所有课程,但这些用户不知道HTML,所以他们可能会在添加更多内容时遇到困难.

我一直盯着这个问题太久了.任何人都有解决方案/更好的主意?

jquery html-lists

2
推荐指数
1
解决办法
1万
查看次数

标签 统计

html-lists ×1

jquery ×1