Question

我希望在单击父列表中的点时显示子列表（类似于点击可以最小化并最大化维基百科文章中的内容表），我该如何实现它？

几年前我学会了基本的HTML，即使我学会了，也记不清楚如何做到这一点。谢谢你的帮助。

Answer 1

没有任何脚本（JavaScript或jQuery），你就无法做到这一点。

以下是jQuery的示例：

JS

$('#nav > li').click(function() {
    $(this).find('ul').toggle();
});

HTML：

<ul id="nav">
    <li>Menu item</li>
    <li>Menu item</li>
    <li>Menu item</li>
    <li>Menu item</li>
    <li>Menu item
        <ul class="sub-menu">
            <li>Menu item</li>
            <li>Menu item</li>
            <li>Menu item</li>        
        </ul>
    </li>
</ul>

代码：http://jsfiddle.net/4mgqK/2/

Answer 2

你是说树视图吗？如果是这样，jsTree之类的内容可能适合您的目的。

如果您只是需要显示或隐藏HTML块（例如，包含在div元素中），那么jQuery toggle可能就是您所需要的。

Answer 3

您可以使用javascript来完成此操作。如果你使用jQuery，这很容易做到这一点，但你必须将jQuery添加到你的页面。有关基本jQuery的更多信息，请访问：

http://docs.jquery.com/How_jQuery_Works

如果你导入jQuery，你可以这样做：

$("#parentElementId").click(function() 
// if your parentElement has been clicked, excecute this function
{
   $("#childElementId").show(); // if it has been hidden before with css(display:none)
});

列表显示在点击事件上

3 个答案: