向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語句

回答

相關問題