如何在博客中隐藏要点答案

【问题标题】：How to hide a bulletpoint in blog如何在博客中隐藏要点
【发布时间】：2010-11-11 14:57:35
【问题描述】：

如何隐藏项目符号？像这个网站这样的例子

http://www.grainge.org/pages/various_rh_projects/alt_dropdowns/showhide_3/showhide3.htm

你可以看例子

第一个热点

第二个热点

如果我们点击“第一个”，它会出现，但如果不是，它不会出现。如何做到这一点

【问题讨论】：

标签： javascript jquery python html css

【解决方案1】：

我敢打赌，这是用 JavaScript 而不是 python 完成的。基本策略：

首先添加（在 HTML 中）class="hideme" 到您想要影响的 div 或 p 或 li。
然后使用类似于下面的 hideClass(class) 函数（jQuery 也值得一看），选择页面的所有部分 class="hideme" 并将它们的样式设置为 display: none 隐藏或显示: block显示

function hideClass(name)
{
    var matches = getElementsByClassName(name);
    for (var i = 0; i < matches.length; i++)
    {
        var match = matches[i];
        match.style.display = "none";
    }
}

这里调用 getElementsByClassName.js：

http://code.google.com/p/getelementsbyclassname/

一个函数 showClass(name) 可以类似地使用 match.style.display = "block";

【讨论】：

【解决方案2】：

这当然是用 javascript 完成的。

另一种可能性是有空元素

<div id="myelt"></div>

并改变这个元素的html内容

document.getElementById('myelt').innerHTML = "My text";

【讨论】：

【解决方案3】：

在 jQuery 中你可以这样做（v. 快速示例）：

$(function(){
    $('ul ul')
        .hide() //Hide the sub-lists
        .siblings('a').click(function(){
            $(this).siblings('ul').toggle(); //show or hide the hidden ul
        });
});

这也应该允许包含隐藏子项和热点的子列表。

【讨论】：