Question

我有一个简单的请求，但我有一个切换按钮，基本上隐藏了左边的div屏幕，工作正常。按钮位于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();
    });

在切换上隐藏按钮

1 个答案: