Javascript 使用jquery显示和隐藏div？

我有两个链接和两个div。我想在div 2隐藏时显示div 1。当我显示div2时，我想隐藏div1。我试图写这段代码，但它似乎不起作用。（只有第一部分。视频div是隐藏的）

$（文档）.ready（函数（）{
$（“#视频”）.hide（）；
});
$（“#显示_图像”）。单击（函数（）{
$（“#视频”）.hide（）；
$（“#图像”）.show（）；
});
$（“#显示视频”）。单击（函数（）{
$（“#图像”）.hide（）；
$（“#视频”）.show（）；
});

将绑定click处理程序的代码放入dom就绪回调，或者在两个div未就绪时执行代码

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

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

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

---

将绑定click处理程序的代码放入dom就绪回调，或者在两个div未就绪时执行代码

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

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

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

---

其他解决方案工作得很好，但这里有一个较短的版本

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

   $('[id^=show_]').click(function(){
      $('#videos').toggle();
      $('#images').toggle();
      });
   });

---

其他解决方案工作得很好，但这里有一个较短的版本

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

   $('[id^=show_]').click(function(){
      $('#videos').toggle();
      $('#images').toggle();
      });
   });

---

上述查询还有另一种方式：

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

---

您可以在codebins上尝试上述解决方案。对于上述查询，还有另一种替代方法：

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

---

您可以在代码箱上尝试上述解决方案

到底什么不起作用？你的

#图像

和

#视频

div定义正确吗？@Jashwant我的一些问题我甚至没有答案。这是你的绝佳机会；xdazz有正确的答案。；-）到底是什么不起作用？你的

#图像

和

#视频

div定义正确吗？@Jashwant我的一些问题我甚至没有答案。这是你的绝佳机会；xdazz有正确的答案。；-）