Question

我正在研究jQuery Library中的简单操作。



$('#hasAccount').click(function() {
        $('.authForm').slideDown(500, function() {
            if ($('.shippingAddress').is(':visible')) {
                $('.shippingAddress').slideUp(250);
            }
        });
});

$('#hasNotAccount').click(function() {
        $('.shippingAddress').slideDown(500, function() {
            if ($('.authForm').is(':visible')) {
                $('.authForm').slideUp(250);
            }
        });
});

$('#hasAccount').click(function() { $('.authForm').slideDown(500, function() { if ($('.shippingAddress').is(':visible')) { $('.shippingAddress').slideUp(250); } }); }); $('#hasNotAccount').click(function() { $('.shippingAddress').slideDown(500, function() { if ($('.authForm').is(':visible')) { $('.authForm').slideUp(250); } }); });

以下代码正常运行：http://jsfiddle.net/6tZQ2/2/

这很简单，但我想知道是否有任何解决方案将此脚本最小化为1个动作？

谢谢： - ）

Answer 1

也许这个？

http://jsfiddle.net/6tZQ2/16/

Answer 2

您可以使用slideToggle并丢失if语句

Answer 3

这里你走了 - 尽管有数以百万计的方法可以做得更好/更好/更紧凑......这是我心中最快的......：/

http://jsfiddle.net/neuroflux/6tZQ2/3/

[edit]虽然 - 这是基于name属性的 - 所以最好以另一种方式做到这一点：）

Answer 4

试试吧，我不是jquery的专家：

$('input[name="account"]').click(function(e) {
    if(e.target.id == 'hasAccount') {
        $('.authForm').slideDown(500, function() {
            if ($('.shippingAddress').is(':visible')) {
                $('.shippingAddress').slideUp(250);
            }
        });
    } else {
        $('.shippingAddress').slideDown(500, function() {
            if ($('.authForm').is(':visible')) {
                $('.authForm').slideUp(250);
            }
        });
    }
});

Answer 5

如何在更一般的dom中包含这两个函数。

如何最小化我的jQuery脚本

5 个答案: