Question

我目前正在学习jQuery并设置了toggleSlide效果，目前我只能将隐藏的内容向下滑动，如何让内容滑动？当我将链接放在内容下方时没有任何反应？

凯尔

Answer 1

请阅读以下代码

<html>
<head>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
$(".flip").click(function(){
    $(".panel").slideToggle("slow");
  });
});
</script>

<style type="text/css"> 
div.panel,p.flip
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
}
div.panel
{
height:120px;
display:none;
}
</style>
</head>

<body>

<div class="panel">
<p>Because time is valuable, value the time</p>
<p>time is money, Money is time .</p>
</div>

<p class="flip">Show/Hide Panel</p>

</body>
</html>

希望它有助于从中获取帮助

Jquery - 将toggleSlide设置为在点击时向上滑动？

1 个答案: