Question

我遇到了麻烦，当我点击img或链接标签时，我的盒子必须最大化，当我再次点击相同的按钮时，我的盒子必须最小化。听到我遇到麻烦，任何人都可以纠正我的问题

当我点击你好按钮时，我的盒子必须最大化，当我点击它时需要最小化，
听到问题是当我开始点击事件时按钮变得最大化？

我无法找到问题

$(function() {
        $( "#button" ).toggle(
            function() {
                $( "#effect" ).animate({
                    backgroundColor: "#0000",
                    width: 500,

                }, 500 );
            },
            function() {
                $( "#effect" ).animate({
                    backgroundColor: "#000",

                    width: 240
                }, 500 );
            }
        );
    });

Answer 1

首先，两个按钮都有一个按钮ID。 Id必须是唯一的。其次，而不是定位.effect，而只是定位按钮的父级（demo）

$(function() {
    $("#container").sortable({
        handle: 'h1',
        scroll: false,
        revert: true,
        tolerance: 'pointer'
    });

    $(".button").toggle(function() {
        $(this).parent().animate({
            backgroundColor: "#0000",
            width: 500,
        }, 500);
    }, function() {
        $(this).parent().animate({
            backgroundColor: "#000",
            width: 40
        }, 500);
    });

});

单击按钮时最大化按钮

1 个答案: