1

例: (werkwijze はカスタムです。-contact のような他の名前の同じコードもあります)

    $(function() {
        $('#activator-werkwijze').click(function(){
            $('#overlay-werkwijze').fadeIn('fast',function(){
                $('#box-werkwijze').animate({'bottom':'0px'},800);
            });
        });
        $('#boxclose-werkwijze').click(function(){
            $('#box-werkwijze').animate({'bottom':'-600px'},800,function(){
                $('#overlay-werkwijze').fadeOut('fast');
            });
        });
    });

activator はコンテンツを表示し、boxclose はコンテンツを閉じます。すべてのアクティベーターをクリックするとすべてのコンテンツが開きますが、1 つだけを開いて他のものを閉じる必要があります。

編集して修正しました：これは機能するスクリプトです（オーバーレイは役に立ちません）jsfiddle.net/8y7Sr/126/

4

3 に答える 3

1

ポップアップ スクリプトの呼び出し方法に関する詳細情報を提供する必要があります。jqueryを使用している場合は、すべてを閉じてから1つを開くことができます

$('.className').slideDown(200);
$('#specificItem').slideUp(200);

しかし、繰り返しになりますが、より適切な回答を得るために、通話をどのように行っているかをより詳細に説明する必要があります

于 2013-01-16T20:53:27.427 に答える
0 
$(function() {
    $('.activator').each(function(){
        $(this).click(function(){
            showHideAnimation(clickedObj);
        });
    });
}

function showHideAnimation(clickedObj)
{
    $('.activator').each(function(){
        if($(this).id == clickedObj.id) {
            $(this).fadeIn('fast',function(){
                $(this).animate({'bottom':'0px'},800);
            });
        } else {
            $(this).animate({'bottom':'-600px'},800,function(){
                $(this).fadeOut('fast');
            });
        }
    }
}

正しく機能しない場合はこれを試してから、$（this）をこれだけに置き換えてください

于 2013-01-20T11:20:48.047 に答える
0

例、関数 jQuery の中に入れる

if($('.hide').css('display')=='block'){ $('.hide').slideUp(); }else{ $('.hide').slideDown(); }

于 2013-01-16T20:56:04.157 に答える