显示/隐藏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>

感谢您的帮助

朱迪

附： http://wordpress.digitalnature.ro/mystique/请注意此网站上的侧边栏，这是我想要实现的目标，但在主页内容中

这个简短的脚本在页面中起作用，但我想要掉期Div效果，我该如何使用它与多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>

我想我可能已经解决了自己的问题：)很想知道是否有人可以修改它

<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 样式吗？

如果您需要在 Javascript 中执行此操作，请插入 showIt('divID');在您的功能之后排队。

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

window.onload = showIt('divID');

或者更正确地说，有一个函数可以排入 onload (像这样).

或者可能最好，使用 一个框架 :)