jQuery slideToggle函数的问题

Problems with jQuery slideToggle Function

本文关键字：问题 函数 slideToggle jQuery      更新时间：2023-09-26

请帮我找出这个代码的问题。我试图创建一个简单的slideToggle元素!我先试了这个:

$("..").slideToggle(..,..,..)

我当前的代码是这样的:

<标题>我的代码:

$(document).ready(function () {
  $("#Layer13copy2").click(function () {
    $("#toggle").animate({ height: 'toggle' });
  });
});
#Layer13copy2 { 
  left: 13.85%; 
  top: 398px; 
  position: absolute; 
  width: 892px;
  height: 37px;
  z-index:5;
  background:url('../images/slidet.png') 45%;
  background-repeat:no-repeat;
  background-size:101.4% 101%;
}
#toggle {
  z-index: 4;
  background-color: #3a97b1;
  display: block;
  left: 13.85%;
  top: 39.37%;
  position: absolute;
  width: 71.95%;
  height: 17%;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<div id="Layer13copy2"></div>
<div id="toggle"></div>

    $(document).ready(function(){
      $('#toggle').animate({ height : 'toggle' });
         $("#Layer13copy2").click(
    	 function(){$('#toggle').animate({ height : 'toggle' });
    });});
     #Layer13copy2 
    { 
    	 position: absolute; 
    	 width: 292px;
    	 height: 37px;
    	 background-color:blue;
    	 } 
    #toggle{
        background-color: #3a97b1;
        top: 35px;
        position: absolute;
        width: 100%;
        height: 100px;
    }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<div id="Layer13copy2" >
    			<div id="toggle" marginwidth="0"></div>
    			</div>

相关文章：