显示/隐藏AJAX? JavaScript的切换(show/hide ajax? javascr

2019-10-30 10:17发布

我在寻找隐藏开始与当我点击说,一个Ajax特性弹出带有箭头的图像说一个联系表内,并在页面底部的另一节目隐藏功能显示和隐藏多个div一个WordPress插件。

是否有一个插件,可以做到这一切?

我的网页上有可编辑为我的客户,因此是不可能的,我打造成了主题此。 JavaScript函数需要一个页面的一部分。 我发现WP显示隐藏的元素,但这并不让我在同一个放置多个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/请注意本网站上的侧边栏,这就是我想才达到,但主要的页面内容中

这个简短的脚本工作在页面中,但我想交换的div效果如何使用这跟multipe div的工作? - 我想变更多个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>

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

<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没有风格:你就不能删除该显示器?

如果您需要做的是在Javascript中,查一个showIt(“DIVID”); 你的函数后通车。

要正确地做到这一点,将其添加到的window.onload:

window.onload = showIt('divID');

或者更恰当,有入列到onload事件(函数像这样 )。

或者可能是最好的,用一个框架 :)



文章来源: show/hide ajax? javascript toggle