Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/google-sheets/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 隐藏显示div,从显示模式开始_Javascript_Hide_Show - Fatal编程技术网

Javascript 隐藏显示div,从显示模式开始

Javascript 隐藏显示div,从显示模式开始,javascript,hide,show,Javascript,Hide,Show,我使用的是显示/隐藏javascript代码 你可以在这里找到一个例子 基本上,如果你点击?在左上角,将显示一个帮助框。在您可以关闭它之后,再次单击按钮 我需要的是,当您打开页面时,帮助框已经打开 我想我应该修改一下这段代码 <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script> <script> $(document).read

我使用的是显示/隐藏javascript代码

你可以在这里找到一个例子

基本上,如果你点击?在左上角,将显示一个帮助框。在您可以关闭它之后,再次单击按钮

我需要的是,当您打开页面时,帮助框已经打开

我想我应该修改一下这段代码

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>
<script>
    $(document).ready(function() {
      $('.nav-toggle').click(function(){
        //get collapse content selector
        var collapse_content_selector = $(this).attr('href');                   

        //make the collapse content to be shown or hide
        var toggle_switch = $(this);
        $(collapse_content_selector).toggle(function(){
          if($(this).css('display')=='none'){
                            //change the button label to be 'Show'
            toggle_switch.html('?');
          }else{
                            //change the button label to be 'Hide'
            toggle_switch.html('NASCONDI');
          }
        });
      });

    }); 
    </script>
这是一个CSS问题。设置

display: block;

在隐藏元素上。

@HenryStrife:顺便说一句,元素名为“collapse1”!我将它添加到页面中,但当您进入页面时,它不会显示帮助框。。。怎么了那么…我应该向css添加什么谢谢你的帮助!!:collapse1元素中内嵌了一些CSS规则:。如您所见,元素被display:none设置隐藏!天才它起作用了!只是,有点恼人的是,它没有显示正确的文本,应该是Nacondi hide