jtoolの.load関数と組み合わせて.toggle関数を使用する

Question

クリックしたときに別の "randomstuff.php"ファイルからajaxのコンテンツを読み込みます。ボタンはこの "randomstuff.php"ファイルをページを更新せずにもう一度離すことができるはずです。私の考えは、この式のいくつかの場所を.toggle使用していたが、どこで、どのように私にはわからない：それは、元の（index.phpを）ウェブサイトにコンテンツをロードするこの方法で/

$(document).ready(function() { 
    $("#savedButtonBox").click(function() { 
    $("#content").load('moduleSavedStyles/moduleSavedStyles.php'); 
    }); 
}); 

が、今、私がしたいですそれが再び取り去られるようにトグルします。助けが必要です！ :) 事前に感謝！

Answer 1

あなたが何を求めているのか理解していれば、load()のコンテンツで、同じボタンをもう一度クリックして読み込んだHTMLをクリアする必要があります。

もしそうなら、toggle()は不要です。代わりに、is(':empty')を使用して、コンテンツを含む要素にコンテンツが存在するかどうかを確認し、コンテンツを埋め込むか空にするかを確認できます。はい、それは私が何をしたいのですが、あなたは提供されたコードは、その旨をachiveていない、それはもはや任意のコンテンツをロードしない

$("#savedButtonBox").click(function() { 
    var $container = $('#content'); 
    if ($container.is(':empty')) { 
    $container.load('moduleSavedStyles/moduleSavedStyles.php'); 
    } else { 
    $container.empty(); 
    } 
}); 

Working example