Question

您好我想知道如何在页面加载时隐藏切换，我已经制作了一个简单的代码，但是当页面加载时，它将默认显示。我想要它的方式。

我必须尝试使用类似

的CSS

.hidden {
display:none;
}

当我使用此代码时，该元素根本不显示。

这是我的代码

EDITED

<script type="text/javascript">
 function toggleDiv(divId) {
  $("#"+divId).toggle();

  }
 </script>

<a href="javascript:toggleDiv('myContent');">this is a test</a>
   <div id="myContent">
      <a href="javascript:toggleDiv('myContentt');"><span>this is a text</span></a>
          <div>this is a test #2 </div>
   </div>

          <div id="myContentt">
            test
          </div>

请帮忙。

Answer 1

我想，你想要这样的东西，

Demo（我在演示中使用onclick，因为jsfiddle不喜欢href上的javascript

CSS：

.hidden{
       display:none;
    }

<强>标记：

<a href="javascript:toggleDiv('myContent');">this is a test</a>
<div id="myContent" class='hidden'>
  <div>this is a test #1 </div>
</div> 
<br />
<a href="javascript:toggleDiv('myContentt');"><span>this is a text</span></a>
<div id="myContentt" class='hidden'>
 this is a test #2
</div>

<强>使用Javascript：

function toggleDiv(divId) {
        $("#"+divId).toggle(); 
    }

Answer 2

使用.toggleClass('hidden')来显示和隐藏您的元素。

Answer 3

只需添加

即可

$("your class").hide();

示例

$(document).ready(function(){ $(".subResult").hide(); }); then you can define your function function toggle(){ $(".subResult").slideToggle(2000); }

另一个例子

$(document).ready(function(){ $("p").hide(); $("button").click(function(){ $("p").toggle(); }); });

///////

$("p").hide();此行会将你的div隐藏在就绪功能上。

Answer 4

使用toggle（）理解的关键是它只是切换CSS显示属性。因此，如果要将一个元素替换为另一个元素，只需确保最初隐藏的元素的样式为$paramenter_ar['Company']。当您使用toggle（）方法时，它将使display: none;隐藏可见元素，并将从隐藏元素中删除该属性。

如何在默认情况下隐藏切换

4 个答案: