显示/隐藏阿贾克斯？ javascript toggle

我正在寻找一个隐藏的开始时，我点击说一个箭头图像一个Ajax功能弹出与说一个联系人窗体里面，另一个显示隐藏功能在页面底部显示并隐藏多个div。显示/隐藏阿贾克斯？ javascript toggle

是否有插件可以做到这一切？

我的页面必须是我的客户端可编辑的，所以我不可能将其构建到主题中。 javascript函数需要成为页面的一部分。我找到了WP ShowHide Elements，但是这不允许我在同一个展示位置使用多个div。

下面是一些我用在我的网页允许该插件

<p id="mytest">my text</p> 
<p><a onclick="wp_showhide('mytest')" href="javascript:void(0);">my link</a></p> 
<p id="new">new</p> 
<p><a onclick="wp_showhide('new')" href="javascript:void(0);">new</a></p>

感谢您的帮助问候

朱迪

附注：脚本http://wordpress.digitalnature.ro/mystique/ 请注意本网站上的侧边栏，这就是我想才达到，但是主要的页面内容

这个简短的脚本工作在页面中，但我想交换的div效果我如何使用这中与multipe divs一起工作？ - 我想变更多个div的visability都具有相同的空间或DIV

<p><script type="text/javascript"> 
<!-- 
    function toggle_visibility(id) { 
     var e = document.getElementById(id); 
     if(e.style.display == 'block') 
      e.style.display = 'none'; 
     else 
      e.style.display = 'block'; 
    } 
//--> 
</script></p> 
<p><a onclick="toggle_visibility('foo');" href="#">Click here to toggle visibility of element #foo</a></p> 
<div id="foo">This is foo</div> 
<p><a onclick="toggle_visibility('too');" href="#">Click here to toggle visibility of element #too</a></p> 
<div id="too">This is too</div>

我想我可能已经解决了我自己的问题:) 很想知道，是否有人可以修改它，以便第一当页面加载时，div已经打开

<p><script type="text/javascript"> 
lastone='empty'; 
function showIt(lyr) 
{ 
if (lastone!='empty') lastone.style.display='none'; 
lastone=document.getElementById(lyr); 
lastone.style.display='block'; 
} 
</script></p> 
<p><a href="JavaScript:;" onClick="showIt('divID')">link</a></p> 
<div id="divID" style="display: none;">content</div> 
<p><a href="JavaScript:;" onClick="showIt('new')">link</a></p> 
<div id="new" style="display: none;">content</div>

来源

2009-12-01 brightmist.co.uk

要回答你的编辑：你不能从原始div中删除display：none样式吗？如果你需要在Javascript中做到这一点，请chuck showIt（'divID'）;在你的功能之后行。

为了做正确，将其添加到在window.onload：

window.onload = showIt('divID');

或者更恰当，有入列到onload事件（like this）的功能。

或者可能是最好的，使用a framework :)

来源

2009-12-02 10:03:05

嗨罗伯特，非常感谢不幸的是窗口的onload不起作用。你可能是正确的我最好使用jQuery。 – 2009-12-02 10:34:21

显示/隐藏阿贾克斯？ javascript toggle

回答

相关问题