JQuery 中的 fadeToggle() 方法的目的是什么？

在本文中，我们将看到如何使用 jQuery 创建一个淡入淡出的效果。可以使用 fadeToggle() 方法创建 fadeToggle 效果。

fadeToggle() 方法用于在fadeIn() 和fadeOut() 方法之间切换。如果元素淡入，fadeToggle() 将淡出。如果元素淡出，fadeToggle() 将淡入。

句法：

$(selector).fadeToggle(speed, easing, callback)

在下面的示例中，首先我们创建一个大小为 250px X 200px 的 div 并将其 display 属性设置为 none。此外，创建了一个调用 fadeToggle() 方法的按钮。当用户点击按钮时，fadeToggle() 方法被调用并显示 div 元素，如果再次点击相同的按钮，div 元素将消失。

例子：

HTML

  

    
    
    
  
    
    
    
  
    
        div {
            width: 250px;
            height: 200px;
            display: none;
            background-color: green;
        }
    

  

    
        
            GeeksforGeeks
        
  
        
            What is the purpose of fadeToggle() 
            method in JQuery?
        
  
        
        
  
        Fade Toggle
    
  
    
        $(document).ready(function() {
            $('#delay').click(function() {
                $("div").fadeToggle(1000);
            });
        });
    

  

输出：