请有人帮我完成下面的代码：这是我想要实现的。当页面加载时，它应该只显示可用的链接视图。当用户点击该链接时，它应该加载php文件（"ward_availability.php"）。此外，初始javascript在切换时应该具有隐藏/显示ward_avavailabiliity.php的可选功能。
目前，它是在打开页面时加载的，所以我如何卸载，然后用户单击，然后加载，当用户再次单击时，它会隐藏。请协助。
<script type="text/javascript">
function toggleVisible(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
</script>
<script type="text/javascript">
$(document).ready(function(e) {
$('#wardAv').load('ward_availability.php');
});
</script>
<a href="#" target="_top" onclick="toggleVisible('wardAv')">View Available Ward</a>
<div id="wardAv">
Ward will be loaded here
</div>
我建议在提交新帖子之前搜索答案，我们称之为研究。
Loading external pages into a divStackoverflow：如何将外部html加载到div中？
Toggle element堆栈溢出：是否用按钮切换显示/隐藏div？
假设您使用的是来自"load（）"方法的jQuery以及问题中包含的标签，我会得到以下代码：
<script type="text/javascript">
$(document).ready(function(e) {
$wardAv = $("#wardAv");
$('.toggle-wardAv').on("click", function(event) {
event.preventDefault();
if ($wardAv.text() == "") {
$wardAv.load('ward_availability.php');
}
$wardAv.toggle();
});
});
</script>
<a class="toggle-wardAv" href="#" target="_top">View Available Ward</a>
<div id="wardAv" style="display:none"></div>
谨致问候，Stefan