JQuery函数slideToggle/toggle

立即为我的英文/谷歌翻译道歉。JQuery函数slideToggle/toggle

不起作用。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<script type="text/javascript"> 
 
$('.rbar').click(function() { 
 
    $('.rbar_info').slideToggle(); 
 
}); 
 
</script>

.rbar 
 
{ 
 
background:#0f0; 
 
height: 150px; 
 
width: 45px; 
 
right: 0px; 
 
top: 20%; 
 
position: fixed; 
 
} 
 
.rbar_info{ 
 
background:#f00; 
 
height:400px; 
 
width:300px; 
 
right:50px; 
 
top:20%; 
 
display:none; 
 
}

<!DOCTYPE HTML> 
 
<html> 
 
<head> 
 
<meta charset="utf-8"> 
 
<title>MR</title> 
 
</head> 
 
<body> 
 
<div class="rbar"></div> 
 
<div class="rbar_info"></div> 
 
</body> 
 
</html>

请告诉我为什么，在它的工作原理的例子，但实际上是不是？也许曲线的原因是什么？

来源

2015-11-07 Roman

你必须把它包在$(document).ready(function() {});像

$(document).ready(function() { 
    $('.rbar').click(function() { 
     $('.rbar_info').slideToggle(); 
    }); 
});

来源

2015-11-07 20:27:16 mapodev

JQuery函数slideToggle/toggle

回答

相关问题