Jquery 添加在单击功能中显示和隐藏的效果

我想在以下显示/隐藏函数中添加淡入/淡出效果我需要在

中添加另一个函数吗？隐藏（…）

或者我需要在

.hide（）

之后添加

.fadeIn（1000）

我也不介意使用切换效果，但无论我怎么尝试，我都无法让它工作

    $('#editPROFILE').click(function() {
        $("#B_Profile").hide();
        $('#E_Profile').show();         
    });

    $('#viewPROFILE').click(function() {
        $("#E_Profile").hide();
        $('#V_Profile').show();         
    });

---

.fadeIn和.fadeOut是直接显示和隐藏，但具有淡入效果。所以只要使用.fadeIn和.fadeOut：

（通过将匹配元素淡入不透明来显示它们。） （通过将匹配的元素淡入透明状态来隐藏它们。）

尝试以下方法：-

   $('#editPROFILE').click(function() {
      $("#B_Profile").fadeOut(1000,function(){
         $('#E_Profile').fadeIn(1000); // fade in after B has faded out
      });
    });

    $('#viewPROFILE').click(function() {

      $("#E_Profile").fadeOut(1000,function(){
         $('#V_Profile').fadeIn(1000);  // fade in after E has faded out
      });
    });