フォームがクリックされたときのJqueryページ上の他のフォームを非表示にする

Question

こんにちは私はユーザーが別のフォーム内をクリックしたときに非アクティブなフォームを消すことができました。各フォームにはパレットビルダのクラスがあります。私は今、他のフォーム内のボタンを非表示にしたいと思います。

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

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

Answer 1

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

これまでaddBUttonコードをという名前のクラスを持っている。ここfiddle

Answer 2

試みです​​。

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

Answer 3

は、オブジェクトを除外するためのjQueryが提供する 'ない' 演算子を使用します。ボタンが

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

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

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