切换时隐藏按钮

Hide button on toggle

本文关键字：按钮 隐藏      更新时间：2023-10-04

我有一个简单的请求，但有一个切换按钮，它基本上将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();
    });

假设要隐藏/显示的按钮具有类.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();
    });
相关文章：