jquery如何执行此代码，并使其显示在div

Question

我想要做的是使用jquery和ul菜单，并点击它从外部文件加载部分div并将它们显示在内容div和茨艾伦单元DIV我需要这个代码，以显示它的业绩

<script type='text/javascript'> 
imvu_avatar_name = "TheDarkRaver"; 
imvu_panel_name = "rankings_panel"; 
imvu_section_name = "mp_right"; 
imvu_panel_width = 320; 
imvu_panel_height = 228; 
</script> 
<script type='text/javascript' 
src='http://www.imvu.com/catalog/web_panel_js.php'> 
</script> 

如果u希望看到它在行动刚去 http://tdr.host22.com/sections.html

，并看到我希望他们能够显示

http://tdr.host22.com/

到HTML和脚本 my javascript in external html is not loading

Answer 1

源链接看你的网站，你可能想这样做：

将这个地方你的页面上，也许以后你所有的其他内容

<style> 
#hiddenData{display:none;} 
</style> 
<div id="hiddenData"> 
    <div class="about">About text</div> 
    <div class="home">Home text</div> 
</div> 

然后在您的JS文件把这些功能（改编自my javascript in external html is not loading）：

var GetData = function(id){ 
    return $("#hiddenData > div." + id); 
}; 
$(document).ready(function() { 
    var sections = $("#menu a"); 
    var loading = $("#loading"); 
    var content = $("#content"); 

    function showLoading() { 
    loading.css({ 
     visibility: 'visible', 
     opacity: 1, 
     display: 'block' 
    }); 
    } 

    function hideLoading(){ 
    loading.fadeTo(1000, 0); 
    } 

    sections.click(function() { 
    showLoading(); 
    content.slideUp(); 
    GetData(this.id); 
    hideLoading(); 
    content.slideDown(); 
    }); 
});