Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery-设置toggleSlide以在单击时向上滑动?_Jquery - Fatal编程技术网

Jquery-设置toggleSlide以在单击时向上滑动?

Jquery-设置toggleSlide以在单击时向上滑动?,jquery,Jquery,我目前正在学习jQuery并设置了切换幻灯片效果,目前我只能使隐藏内容向下滑动,如何使内容向上滑动?当我将链接放在内容下方时,什么都没有发生 凯尔只要读一下下面的代码 <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){

我目前正在学习jQuery并设置了切换幻灯片效果,目前我只能使隐藏内容向下滑动,如何使内容向上滑动?当我将链接放在内容下方时,什么都没有发生


凯尔

只要读一下下面的代码

<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>

$(文档).ready(函数(){
$(“.flip”)。单击(函数(){
$(“.panel”)。滑动切换(“慢速”);
});
});
分区面板,p翻转
{
边际:0px;
填充物:5px;
文本对齐:居中;
背景:#e5eecc;
边框:实心1px#c3c3;
}
分区小组
{
高度:120px;
显示:无;
}
因为时间是宝贵的,所以珍惜时间

时间就是金钱,金钱就是时间

显示/隐藏面板


希望它能帮上忙

谢谢你的回答,尽管有两个问题。如何更新此代码,使其从下向上而不是从上向下滑动?还有,我如何更新切换,以便当您单击“显示”文本时,它会变为“隐藏”,反之亦然?