Jquery插件/scop问题

对于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>

$（“#显示”）。单击（函数（）{
美元（“#块”）。淡出（1000）；
返回false；
}); 
$（“#隐藏”）。单击（函数（）{
美元（“#块”）。法代因（1000）；
返回false；
}); 

试试看

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

$（文档）.ready（函数（）{
$（“#显示”）。单击（函数（）{
美元（“#块”）。淡出（1000）；
返回false；
}); 
$（“#隐藏”）。单击（函数（）{
美元（“#块”）。法代因（1000）；
返回false；
}); 
});

---

这将等待脚本运行，直到文档已经加载。

原因是，如果您将它放在页面完全加载到DOM之前运行的头部，如果您将它放在

$（document.ready（）

事件中，那么它将在导入DOM之后运行（换句话说，当文档已准备就绪）。啊，对了！谢谢，我仍然停留在我的php/c++思维模式中。