0
請幫我看看這段代碼的問題。我正在嘗試創建一個簡單的slideToggle元素!我想這第一:jQuery 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>
你的代碼有什麼問題? 'animate'功能正常工作。你是否試圖用'slideToggle'達到這個效果? –
'slideToggle'不能與'position:absolute;'一起使用所以我試圖用'但它不會再工作! –