Question

我的背景中有一个全屏滑块，并且我的wordpress主页上有一个文字标识。

我想通过点击我的文字徽标隐藏并显示此滑块。

我使用的功能实际上很棒，但我必须在文本徽标上单击两次才能使其运行。

<div id="conteneur">
    <div id="fullscreen-slider" class="royalSlider rsDefault">
    <img src="<?php bloginfo('stylesheet_directory'); ?>/images/perron_01.jpg" />
    <img src="<?php bloginfo('stylesheet_directory'); ?>/images/perron_01.jpg" />
    </div>

    <header>
        <div id="logo">
            <a href="#" onclick="toggle_visibility('fullscreen-slider');">Adequat</a>
        </div>

脚本：

<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>

我认为浏览器会搜索href =“＃”，只有在找到它之后，我的脚本才能正常运行。

感谢您的帮助，我很抱歉，但我是初学者，我的网站尚未上线。

AdrienQuélet

Answer 1

如果您使用的是jQuery（我推荐）Here is a jsFiddle示例。

使用/维护脚本非常简单。

<强> JQUERY

$('#logo').click(function(event) {
    $('#logo a').toggle();
    event.preventDefault();
});

你需要修改你的css等，以满足你的需要，但这应该让你去。

Answer 2

反过来说：

<script type="text/javascript">
    function toggle_visibility(id) {
        var e = document.getElementById(id);
        if(e.style.display == 'none')
            e.style.display = 'block';
        else
            e.style.display = 'none';
    }
</script>

单击链接文本时隐藏div

2 个答案: