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(); 
});