jquery插件/ scop問題

Question

我是jquery的相對新手;我的問題涉及範圍，如果任何人有耐心把我連接到有用的東西，也許插件。

下面的代碼工作，但我必須把腳本放在同一個div中才能真正工作。出於CMS集成/可讀性的目的，我無法將其移動到頁面頂部，或者理想情況下移動到其他庫/源文件。任何指針將不勝感激，謝謝。

<a id="hide" href="#" style="z-index:20;">hide</a> 
<a id="show" href="#" style="z-index:20;">show</a> 

<div id="block" style="position:absolute;background:#fff;width:450px;height:450px;"> 
</div> 
<div id="myBox" style="width:450px;height:450px;" > 
<ul id ="menuElem" class="CMSListMenuUL"> 
    <li><a href="#">a</a></li> 
    <li><a href="#">b</a></li> 
    <li><a href="#">c</a></li> 
</ul>   
</div> 
<script> 

$("#show").click(function() { 
    $("#block").fadeOut(1000); 
    return false; 
}); 
$("#hide").click(function() { 
    $("#block").fadeIn(1000); 
    return false; 
}); 
</script> 

Answer 1

試試這個

<script> 
$(document).ready(function() { 
    $("#show").click(function() { 
    $("#block").fadeOut(1000); 
    return false; 
    }); 
    $("#hide").click(function() { 
    $("#block").fadeIn(1000); 
    return false; 
    }); 
}); 
</script> 

這也是在等待腳本後才文件已加載運行。