有効なjQueryのコードが動作しない - 親/子問題

Question

http://jsfiddle.net/mjmitche/gq6En/78/

をこのフィドルでは、あなたは白い箱の中にオレンジ色のボックスをドラッグすると、ライム、ブラックボックスがフェードアウトします。しかし、（明らかに有効な - JSLintによると）コードがそれを指示するにもかかわらず、石灰の箱はフェードインしません。

1）ブラックボックスの子であり、ブラックボックスが消えてしまっているため、石灰のボックスがフェードインしませんか？

2）親ブラックボックスを表示させずに子石灰ボックスを再表示させる方法はありますか？

Answer 1

1. はい、#blackは、これらの中ですべての子孫—に継承display: none;、#limeを持っています。

2. はい、#black要素の外にそれを再接続するとします。 決しては、目に見えない要素の子孫である場合に表示されます。

Demoは＆hellipを置き換えます。 ＆nbsp;＆hellip;＆hellip;＆hellip;＆hellip;＆hellip;＆hellip;＆hellip;＆hellip;

$("#lime").insertAfter("#black").fadeIn(1000); // Reattach after `#black`. This will manipulate the DOM! 

＆hellip;ポイント1及び2 :)

Answer 2

1）はい - あなたは第2セレクタへ#black DIVを加算することによってこれをテストすることができる：

drop: function (event, ui) { 
      $(this) 
       .addClass ("ui-state-highlight") 
       .find ("p") 
       .html("dropped"); 
      $("#lime, #black").fadeOut(1000, function(){ // Only #black needed here 
      $("#lime, #black").fadeIn(1000); // Only #black needed here as well 
      }); 

これは残念ながら、バック（黒と共に#limeをもたらします）。

2.）あなたが配置しようとしているロジックのためにこれをどのように攻撃するのかはわかりませんが、#black属性を何も変更しないでくださいそれは透明または何か）とそれを消えて、それが消えた外観を与える？

Answer 3

を証明するために私はあなたが戻ってで#blackを退色せずにそれを行うことができるとは思いません。 #blackのバックグラウンドをnoneに変更してから、フェードアウトして#pinkをフェードアウトさせることはできます。 私はあなたのフィドルを編集しました/

これはあなたが探しているものです。 http://jsfiddle.net/gq6En/93/