2009-01-19 78 views
0

如何展开/折叠Firefox中的html字段?我从网上收集了一些JavaScript示例,但它们只能在IE中使用。 (我仅限于HTML和JS)展开折叠html字段Firefox

建议表示赞赏。

谢谢。

是的,我想显示/隐藏的div和这样。

回答

6

如果您的输入字段具有ID属性,则可以使用CSS根据需要对其进行设置。我建议使用像jQuery库,但我已经提供了一个例子,而不还有:

// hiding without jQuery 
    document.getElementById('myInput').style.display = 'none' 
    // showing without jQuery 
    document.getElementById('myInput').style.display = 'block' 

    // hiding with jQuery 
    $('#myInput').hide() 
    // showing with jQuery 
    $('#myInput').show() 

的jQuery:http://jquery.com

+0

+1,虽然没有jQuery的例子不会内联元素都能正常工作。将'display'设置为'block'会使它们成为一个块元素。 – orip 2009-01-19 18:31:43

1

我怕我不完全明白你的问题。

首先,'html field'是什么意思?你的意思是在表单域(文本框,无线电控制等?)。如果是这样,你的意思是如何动态调整它们的大小? ('展开/折叠'对我来说是不明确的)。

如果你的意思是你想显示/隐藏div等,使用CSS和JavaScript更容易。见this example

2

您可能想要做的是将元素的css属性display更改为“无”以隐藏该元素并将其更改回“block”或“inline”以再次显示该元素。它可以用JavaScript来完成。

如果你想要一个奇特的动画,你可以使用某种javascript library它提供了不同effects(您可能想看看toggle)或组件(例如Accordion)。