如何隐藏博客中的项目符号

时间:2009-07-17 07:04:17

标签: javascript jquery python html css

如何隐藏子弹点?像这个网站的例子

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

你可以看到例子

第一个热点

第二个热点

如果我们点击“第一个”它会出现,但如果没有,它就不会出现。该怎么做

3 个答案:

答案 0 :(得分:1)

这是在JavaScript中完成的,而不是python,我会下注。 基本战略:

  • 首先将(在HTML中)class =“hideme”添加到您想要影响的div或p或li中。
  • 然后使用类似下面的hideClass(类)函数(jQuery也值得一看),用class =“hideme”选择页面的所有部分,并将它们的样式设置为display:none to hide或display: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”;

答案 1 :(得分:1)

这肯定是用javascript完成的。​​

另一种可能性是拥有空元素

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

并更改此元素的html内容

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

答案 2 :(得分:0)

在jQuery中你可以这样做(v。快速示例):

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

这也应该允许隐藏儿童和热点的子列表。