我想写一个非常简单的幻灯片上载和幻灯片功能,他们被按下后隐藏按钮,但我有一点JavaScript技能,肯定会做一些愚蠢的事情。jQuery slideDown slideUP - 隐藏按钮
什么我不工作,是当用户按Cancel
菜单应该滑回备份和Show
按钮应该重新出现。继承人的代码
<html>
<head>
<style>
div {margin:3px; width:130px; height:30px; display:none;}
</style>
<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
</head>
<body>
<button id="show" onclick="this.style.visibility = 'hidden';">Show</button>
<div><input type="text" size="20"/></div>
<div><input type="text" size="20"/></div>
<div><button id="submit">Submit</button> <button id="cancel">Cancel</button></div>
<script>
// Sliding Menu Down
$(document.body).click(function() {
if ($("div:first").is(":hidden")) {
$("div").slideDown("slow");
} else {
$("div").hide();
}
});
// Sliding Menu UP [Not Working]
$(document.body).click(function() {
if ($("#cancel").is(":hidden")) {
$("div").slideUp("slow");
} else {
$("#cancel").show();
}
});
</script>
</body>
</html>
刚才还,失败,尝试了一些变化:
$("cancel").click(function() {
$(this).parent().slideUp("slow", function() {
$("#msg").text($("cancel", this).text() + " has completed.");
});
});
我看过很多相关的问题和解决方案,但我想不出简单slideUp
,使上Show
按钮可见取消
捣鼓有兴趣的人:http://www.jsfiddle.net/bradchristie/nhUKb/(必须离开,否则我会帮助你,但想到我会让下一个人更容易) – 2011-01-25 22:35:00
谢谢你好先生 – 2011-01-25 22:43:12