显示/隐藏ajax？ JavaScript切换

Question

我正在寻找一个wordpress插件，该插件会隐藏起来，当我单击说箭头图像时，弹出一个ajax功能，并在其中显示一个联系表单，并且在页面底部还显示另一个隐藏功能，以显示和隐藏多个div 。

有没有可以完成所有这些工作的插件？

我的页面必须针对我的客户是可编辑的，因此我无法将其构建到主题中。 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>

感谢您的帮助

朱迪

PS http://wordpress.digitalnature.ro/mystique/请注意此网站上的侧边栏，这是我试图实现的目标，但仍在主页内容之内

这个简短的脚本可以在页面中使用，但是我需要一个swap div效果如何使用它来处理multipe div？ -我想更改所有具有相同空格或div的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>

Answer 1

要回答您的编辑：您不能只从原始div中删除display：none样式吗？

如果您需要用Java脚本执行此操作，请删除showIt（'divID'）; 在您的功能后排队。

要正确执行此操作，请将其添加到window.onload中：

window.onload = showIt('divID');

或更恰当地说，有一个可以加入onload的函数（ 像这样 ）。

也许最好，使用框架 :)