vertToggle()
要素を切り替えて画面から上下にスライドさせる機能があります。要素を画面外にスライドさせ、その中のコンテンツを変更してからスライドさせて元に戻す一連のイベントを作成したいと考えています。ただし、同時にではなく、次々に起動する必要があるため、相互のコールバックとして設定する必要があります。
現在、機能していないセットアップは次のとおりです。
vertToggle( '-' );
$(".content").hide()
$("#"+load).show();
vertToggle( '+' );
ただし、これらのトリガーを正しく実行するために必要なコールバック関数の構文について頭がありませvertToggle()
ん。hide/show
vertToggle()
ご指摘ありがとうございます。
編集: 要求されたとおり、これは vertToggle 関数ですが、関連性があるかどうかはわかりません.. $overlay は、アニメーション化されている要素です:
function vertToggle( offset ) {
var height = $overlay.outerHeight();
var props = {};
var distance = ( offset == '-' ) ? height : 0 ;
props["bottom"] = offset+distance+'px';
if( !Modernizr.csstransitions ) {
$overlay.animate(props, 750);
$overlay.toggleClass("open");
}
else {
$overlay.css(props);
$overlay.toggleClass("open");
}
}