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>

感谢您的帮助此致

朱迪

P.S。 http://wordpress.digitalnature.ro/mystique/ 请注意本网站的侧边栏，这是我想要实现但在主页内容中

这个简短的脚本在一个页面内工作，但我想要一个交换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样式吗？

如果您需要在Javascript中执行此操作，请查看showIt（'divID'）;在你的功能之后排队。

要正确完成，请将其添加到window.onload：

window.onload = showIt('divID');

或者更确切地说，有一个函数进入onload（like this）。

或者最好，使用a framework：）

显示/隐藏ajax？ javascript切换

1 个答案: