javascript - Div が表示されているときに Twitter スクリプトを呼び出す

Question

私のページには、次のように Twitter を呼び出すスクリプトがあります。

この div の初期表示は非表示です。

<div class="YGNH DSL" id="twitter_update_list">
    <script type="text/javascript" src="../js/tweetsv3.js"></script>
    <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/WebMasterAmy.json?callback=twitterCallback2&count=1">
    </script>
</div>

jsは全てtwitterなのですが、現状はページの読み込み時にtwitterが呼ばれてページの読み込みが遅くなってしまうので、見える時だけスクリプトを呼ぶところにしたいです<div class="YGNH DSL" id="twitter_update_list">。

Answer 1

jQueryを使用している場合は、次のようなことができます

function toggleTwitterDiv() {
    var div = $('#twitter_update_list');
    div.toggle(function() {
        if (div.is(':visible')) {
            //make twitter call here
        }
    })
}

toggleTwitterDiv();