アニメーションの後、次のリストの幅を新しくアニメーション化されたdivとまったく同じになるように設定し、これをその下に移動します。
奇妙なことに、サイズを変更すると、小さな幅にしかサイズ変更されず、もう一度クリックすると、ミリ秒の間必要なサイズになります。これは不明かもしれません。
$('#LoginButton').click(function(){
$('.username').stop(true,false).animate({width:'toggle'});
$("#profilesettings").delay(220).toggle(300);
$("#profilesettings").width( $("#LoginButton").outerWidth(true) );
});
ここにフィドルがあります
それで、画像全体の幅+名前バーのように見えるリストが欲しいのですが、それを正確にその下に移動したいと思います。
ありがとう!