jquery当表单被点击时隐藏页面上的其他表单

Question

你好我设法淡化不活动的表单，当用户单击另一个表单时。每种形式都有一类托盘制造商。我现在想隐藏其他表单中的按钮。该按钮有一类名为Add按钮的代码到目前为止

$(".palletbuilder").click(function() { 
    var $t = $(this); 
    $t.siblings().animate({ 
    opacity: 0.5 
     }, 500); 

    $t.animate({ 
    opacity: 1 
     }, 500); 
}); 

Answer 1

$t.siblings().find(':input.addButton').hide() 

这里有一个fiddle

Answer 2

尝试：

$(".palletbuilder").click(function() { 
    var $t = $(this); 
    $t.siblings().animate({ 
    opacity: 0.5 
     }, 500); 

    $t.animate({ 
    opacity: 1 
     }, 500); 
    $(".addBUtton").each(function() { 
     $(this).hide(); 
    )}; 
}); 

Answer 3

使用的jQuery提供的排除对象 '而不是' 运营商。

$(function() { 
    $("form").hover(function(){ 
    $("form button").not($(this).find('button')).fadeTo(400, 0.5); 
    }, function(){ 
$("form button").fadeTo(0, 1); 
    }); 
}); 

Answer 4

这就是你可能会寻找：

$t.children('.addBUtton').show(); 
$t.siblings().children('.addBUtton').hide(); 

演示：http://jsfiddle.net/cdkAP/

Answer 5

$(".palletbuilder").click(function() { 
    var $t = $(this); 
    $t.siblings().animate({ 
     opacity: 0.5 
    }, 500).children('button.addBUtton, input:button.addBUtton').hide(); 
    $t.animate({ 
     opacity: 1 
    }, 500).children().show();//show them again if click that form??? 
}); 

我不知道，如果你使用的输入或按​​钮标记，所以我占了两个。 （或者你可以只使用类）

编辑：（正因为）结合了一切：

$(".palletbuilder").click(function() { 
    $(this).animate({ 
     opacity: 1 
    }, 500).children().show().end().siblings().animate({ 
     opacity: 0.5 
    }, 500).children('button.BUtton, input.BUtton').hide(); 
});