javascript - 使用jquery显示和隐藏div？

Question

我有两个链接和 2 个 div。我想显示 div 1，同时隐藏 div 2。当我显示 div 2 时，我希望隐藏 div 1。我尝试编写此代码，但它似乎不起作用。(仅第一部分。视频 div 被隐藏)

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script>
$(document).ready(function() {
   $('#videos').hide();
 });

$('#show_images').click(function(){
    $('#videos').hide();
    $('#images').show();
});

    $('#show_videos').click(function(){
        $('#images').hide();
        $('#videos').show();
    });

    </script>
    <a id="show_images" class="button" href="#">Images</a>
    <a id="show_videos" class="button" href="#">Videos</a>

<div id="images" class="images"></div>
<div id="videos" class="videos"></div>

Answer 1

将绑定(bind)点击处理程序的代码放入 dom 就绪回调中，或者当两个 div 未就绪时执行该代码。

$(document).ready(function() {
   $('#videos').hide();

  $('#show_images').click(function(){
    $('#videos').hide();
    $('#images').show();
  });

  $('#show_videos').click(function(){
    $('#images').hide();
    $('#videos').show();
  });
});