标签: slidedown
Jquery鼠标滑过div slideUp和鼠标滑出div slideDown
这是我的代码http://jsfiddle.net/AB6J3/7/你可以看,编辑等.
当我翻到红色边框时,橙色框应该向上滑动,当鼠标移出时它应该向下滑动.它适用于其他方式,但当我将slideDown更改为slideUp时,它不起作用:/我错过了什么？
欣赏有帮助.
<!DOCTYPE html>
<html>
<head>
<style>
div#monster { background:#de9a44; margin:3px; width:80px; height:40px; display:none; float:left; position:absolute; right:10px; top:0; }
#clickk {width:40px; height:40px; background:#ccc; position:absolute; top:0; right:10px;}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<body>
<div style="width:550px; padding:40px 0 0;margin:0 auto; border:1px solid #111; position:relative;">
<div id="monster"></div>
<div id="clickk"></div><br />
<div style="width:500px; height:300px; background-color:#ccc; margin:0 auto;"></div>
</div>
<script>
$("#clickk").hover(function () {
if ($("#monster").is(":hidden")) {
$("#monster").slideDown("fast");
} else {
$("#monster").slideUp("fast");
}
});
</script>
</body>
</html>?
推荐指数
解决办法
查看次数
jQuery slideUp div如果已经滑落了？
我有一个关于jquery slideDown,SlideUp的简单问题.我正在使用slideDown在点击时滑动div,就像
$("#box").slideDown("slow");
我怎么能这样做,以便如果#box已经滑落,它应该再次点击滑动？谢谢.
推荐指数
解决办法
查看次数
jQuery .slideUp问题
.slideDown工作正常.第二次单击链接时,会再次出现.slideDown动画而不是.slideUp.请帮我一把 谢谢.
$(document).ready(function() {
$('#toggleButton').click(function() {
if ($('#toggleSection').is(":hidden")) {
$('#toggleSection').slideDown("slow");
}
else {
$('#toggleSection').slideUp("slow");
}
return false;
});
});
以下是整个模块的代码.这个php包含在主页面上,其中还包含页眉和页脚.
<?php
/*
Written by: Daniel Kassner
Website: http://www.danielkassner.com
Originally posted on: http://www.wlscripting.com
Date: 09-13-2007 and last updated: 05-21-2010
*/
if (!function_exists('format_phone_us')) {
function format_phone_us($phone = '', $convert = true, $trim = true)
{
// If we have not entered a phone number just return empty
if (empty($phone)) {
return false;
}
// Strip out any extra characters that we do …推荐指数
解决办法
查看次数
JQuery的hide()和slideDown()/ slideUp()有什么区别？
似乎在调用后两个结果都是一样的.
推荐指数
解决办法
查看次数
一次向下滑动一组隐藏的<li> s
我想点击一个按钮一次滑下一个li.
我嘲笑我现在拥有的东西http://jsfiddle.net/S5T7N/.
<div id="dropdown">
<h1>when you click here</h1>
<ul>
<li>We</li>
<li>Will</li>
<li>Slide Down</li>
<li>One At A Time</li>
</ul>
</div>
推荐指数
解决办法
查看次数
jquery在页面加载时滑动
如何在页面加载时使用jquery向下滑动div,其中css设置为display:none？我看到很多解决方案,但如果css设置为display:none,则没有人可以滑动div.最好的方法是在加载时隐藏它并在滑动之后但是当页面加载时div会闪烁(显示).
推荐指数
解决办法
查看次数
Mouseenter和mouseleave with animation
我做了一个简单的鼠标输入和鼠标离开动画.当你鼠标输入div.比链接div更开放.当你鼠标移出时,div将关闭.我用slideUp和slideDown设置了一个动画.
我的动画有问题.页面上有很多.comment div.当我快速将鼠标悬停在物品上时.幻灯片动画很疯狂,你很多时候都会看到动画.我该如何解决这个问题？谢谢!
$("#comments .comment .links").hide();
$("#comments .comment").mouseenter(function() {
$(".links",this).slideDown(300);
}).mouseleave(function() {
$(".links",this).slideUp(300);
});
推荐指数
解决办法
查看次数
JQuery在保持DIV完整大小的同时向下滑动动画
当我使用Jquery向下滑动DIV时,div animatino看起来像是从顶部到底部拉伸/绘制div.
HTML
<body>
<div style="width:400px;background-color:black; height:50px">
<div id="error" style="background-color:red; color:white; display:none; width:120px">the error message</div>
</div>
<div id="button" style="margin-top:20px; background-color:gray; width:70px; cursor:pointer;">click me!</div>
</body>
js(jquery-ui)
$(document).ready(function(){
$("#button").click(function(){
$('#error').slideDown('slow', function () {
// Animation complete.
});
});
});
我希望动画看起来就像DIV从上到下滑动的全尺寸(当然是隐藏的一部分).
我正在添加一个图像,以便清除我想要实现的内容.
是否可以通过更改一些CSS或Jquery参数来实现此目的.我知道JQuery id只是玩高度因为我的DIV底部有圆角而且它们只出现在动画的末尾.
推荐指数
解决办法
查看次数
jQuery-阅读更多/阅读更少。如何替换文字？
HTML：
<a href="#" class="show_hide" data-content="toggle-text">Read More</a>
jQuery的：
// Slide Up Slide Down
$('.show_hide').toggle(function(){
$(this).text().replace("Read More", "Read Less");
$('.' + $(this).attr('data-content')).slideDown();
},function(){
$(this).text().replace("Read Less", "Read More");
$('.' + $(this).attr('data-content')).slideUp();
});
我正在尝试使其中的“更多/更少”按钮之一隐藏和显示文本。
如何在点击时将“阅读更多”替换为“阅读较少”？
非常感谢您的输入！
推荐指数
解决办法
查看次数
未捕获的类型错误：$(...).find(...).slideDown/slideUp 不是函数
我有一个简单的图片库，其中 figcaption 隐藏在每个图像上。这是 HTML：
<figure>
<img src="gallery/reef2.jpg" width="400" height="285" alt="Another beautiful example of the Great Barrier Reef"/>
<figcaption>Another cracking shot of the reef from Mark. <span>[Photographer: Mark Willams]</span></figcaption>
</figure>
这是它的jQuery：
$("figcaption").hide();
$("figure").each(function() {
$(this).hover(function() {
$(this).find("figcaption").slideDown('slow');
}, function() {
$(this).find("figcaption").slideUp('slow');
});
});
不幸的是，当我将鼠标悬停在图像上并远离图像时，什么也没有发生。当我打开 Chrome 的开发人员工具时，我可以看到在悬停时我收到以下消息：
“未捕获的类型错误：$(...).find(...).slideDown 不是函数”
当我将鼠标悬停在图像之外时，我收到以下消息：
“未捕获的类型错误：$(...).find(...).slideUp 不是函数”
我不确定为什么 slideDown 和 slideUp 不能正常工作，因为 figcaption 被隐藏了。在使用 slideDown 和 slideUp 之前，我使用了完美的显示和隐藏。请帮助我了解如何让 slideDown 和 SlideUp 正常工作。
推荐指数
解决办法
查看次数