切换开关上的隐藏按钮

Question

我有一个简单的请求，但我有一个切换按钮，它基本上隐藏了一个可以正常工作的左侧屏幕。该按钮位于div的内部，因此当它隐藏div时，由于该按钮不在屏幕上，因此无法再次打开该按钮。现在我创建了一个新的按钮来打开它，但我只希望它在div被隐藏后显示，所以它就像一个只显示再次打开div的选项卡。

// Slider info box toggle 
function toggleDivs() { 

var $inner = $("#slideToggle"); 

    if ($inner.position().left == 0) { 
     $inner.animate({ 
      left: "-840px" 
     }); 
    } 
    else { 
     $inner.animate({ 
      left: "0px" 
     }); 
    } 
    } 

    $(".sliderClose").bind("click", function() { 
     toggleDivs(); 
    }); 

    $(".sliderOpen").bind("click", function() { 
     toggleDivs(); 
    }); 

Answer 1

假设你要隐藏的按钮/显示有.slideOpen然后

function toggleDivs() { 

var $inner = $("#slideToggle"); 

    if ($inner.position().left == 0) { 
     $inner.animate({ 
      left: "-840px" 
     }); 
     $(".sliderOpen").fadeIn(); 
    } 
    else { 
     $inner.animate({ 
      left: "0px" 
     }); 
     $(".sliderOpen").fadeOut(); 
    } 
    } 

    $(".sliderClose").bind("click", function() { 
     toggleDivs(); 
    }); 

    $(".sliderOpen").bind("click", function() { 
     toggleDivs(); 
    });