向jquery添加IF语句

我想添加一个slidedown效果来显示一个隐藏的div，当我点击一个图像，当点击同一图像时，div是可见的我希望它滑动备份并使内容再次隐藏。向jquery添加IF语句

这是剧本我跟工作：

<script> 
$(document).ready(function(){ 

    $("button").click(function(){ 
     $(".content").slideUp(); 
    }); 
    $("button").click(function(){ 
     $(".content").slideDown(); 
    }); 
}); 
</script> 

.content{ 
    display: none; 
} 

<body> 
     <button><img src="image.jpg"/></button> 
     <div class="content"> 
     stuff here 
     </div> 
</body>

我想有一个IF含量比效果基本show可见的（）别人了slideDown（），我只是有麻烦添加到现有的脚本。 jQuery的.slideToggle()方法

来源

2017-04-17 Zachary

利用http://api.jquery.com/slidetoggle/

$(document).ready(function(){ 

    $("button").click(function(){ 
     $(".content").slideToggle(); 
    }); 
});

编辑：要创建按钮和他们正在切换内容之间的对应关系，使用jQuery的.next()方法来选择合适的内容。

$(document).ready(function(){ 

    $("button").click(function(){ 
     // gets the button's immediate next sibling, 
     // which is the '.content' div (according to your html) 
     $(this).next().slideToggle(); 
    }); 
});

来源

2017-04-17 16:42:33 SteamDev

这很好，但我有3张图片我想切换内容。当我打开第一个，然后打开另一个是有办法关闭第一个？ – Zachary

向jquery添加IF语句

回答

相关问题