使用 jquery 切换图像？答案

【问题标题】：Toggle Image using jquery?使用 jquery 切换图像？
【发布时间】：2013-08-08 02:50:07
【问题描述】：

这是更简单的代码。对不起，我是新来的。

如果登录按钮被点击。它将显示登录容器。请帮忙。谢谢。

 <html>
 <head>
<script>
$(document).ready(function(){
$("#login").click(function(){
$("#login_container").slideToggle("500");
});
});
</script>
<style>
#login {
background-image:url(images/loginbutton.jpg);
width:65px;
height:22px;
float:left;
 }
 #login_container {
background-image:url(images/logincontainer.jpg);


 }
 </style>
 </head>
 <body>

 <div id="login">
 <div id="login_container">
 </body>
 </html>

【问题讨论】：

请更具体。您可能想考虑使用 .on() 代替 .click()。
请发布您的 HTML。此外，尝试使用 JSFiddle.com 重新创建问题也是一个好主意。它将为我们提供一个工作示例供您查看，您也很有可能自己发现问题而无需发布问题。

标签： jquery image toggle

【解决方案1】：

您的代码没有问题。你确定在你的代码中添加了 jQuery 文件吗？

另外，我建议您将“display: none”添加到 .login_container。或者使用 hide()，像这样：

$('.login_container').hide();

$('.login').click(function() {
    $('.login_container').slideToggle(500);
});

【讨论】：