jqueryを使用してボックスを最大化

Question

「hello」または「Hi」という1つのパネルリンクをクリックすると、そのパネルを最大化し、そのパネルのみをページに表示する必要があります。元の位置、他のパネルと同じ、私は実装しようとしたが、どこで外出したのか、私はこんにちはリンクをクリックすると最大化できるが、別のパネルもページ内で見ることができる。

http://jsfiddle.net/Soni/tRen6/1/ 



<script> 
$(function() { 
    $("#container").sortable({ 
     handle: 'h1', 
     scroll: false, 
     revert: true, 
     tolerance: 'touch' 
    }); 
$(".button").toggle(function() { 
     $(this).parent().animate({ 
      backgroundColor: "#0000", 
      width: 1000, 
     }, 500); 
    }, function() { 
     $(this).parent().animate({ 
      backgroundColor: "#000", 
      width: 100, 

     }, 500); 
    }); 

}); 

Answer 1

ないエレガントな方法が、それはそれ `sが解決か​​どうかを確認し

$(function() { 
$("#container").sortable({ 
    handle: 'h1', 
    scroll: false, 
    revert: true, 
    tolerance: 'touch' 
}); 

$(".button").toggle(function() { 
    $(this).parent().animate({ 
     backgroundColor: "#0000", 
     width: 500, 
    }, 500); 
    $(".button").fadeOut(); 
    $(this).fadeIn(); 
}, function() { 
    $(this).parent().animate({ 
     backgroundColor: "#000", 
     width: 100, 
    }, 500); 
    $(".button").fadeIn(); 
    $(this).fadeIn(); 

}); 

}); 

動作します。

またnextまたはbefore

それとも各elementeにクラスを作成するを参照してくださいすることができます。

またはeq（）でカウントしようとします。しかし、私はあなたがどこで使うのか分からない。