ウェブサイトへのアニメーションの追加が完了しました。ツリーの div をいくつか作成し、それらをポップアップさせてからコンテンツを表示させ、次に iPad を表示させます。さらに、ポートフォリオを押すと、iPad で見られるようなフォルダーが表示されます。これらの「アプリ」のいずれかを押すと、iPad が完全に伸び、コンテンツが切り離されます。後者の部分は、少なくとも最新バージョンのすべてのブラウザーで正常に動作します。ただし、ポートフォリオを押したときのツリーのポップアップとフォルダーの拡張は、Safari と Chrome (Webkit ブラウザー) では遅いです。これがなぜなのか、私にはよくわかりません。私はjQueryにかなり慣れていないので、私が後方にいる場合はすみません。
スローアニメーションのコード
function portfolioToggle()
{
var animationTime = 500;
var extendedHeight = 153;
var appFolder = $('#menu #app_folder');
if(appFolder.css('height') == '0px')
{
appFolder.animate({height : extendedHeight}, animationTime, 'swing');
}
else
{
appFolder.animate({height : 0}, animationTime, 'swing');
}
}
本当にありがとう。