隐藏show div,从Show模式开始

时间:2015-02-09 21:25:23

标签: javascript hide show

我正在使用show / hide javascript代码。

您可以在http://ledonnedelre.com/test.htm

找到示例

基本上如果点击?在左上角,出现一个帮助框。然后你可以关闭它再次点击按钮。

我需要的是在打开页面时打开帮助框。

我想我应该在这段代码中改变一些东西

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

1 个答案:

答案 0 :(得分:0)

这是一个CSS问题。设置

display: block;

隐藏元素。