单击html超链接时如何将一个div替换为另一个div

Question

可能重复:
用另一个Div替换Div

嗨,

我有2个导航菜单,我要当第一个菜单的链接,客户点击广告,那么div ID ="IMG"应DIV ID ="IMG2"取代的事,同样,当我点击菜单链接2 div id ="img2"应替换为div id ="img".任何想法或建议..

Answer 1

这样的事情可能对你有所帮助:

//Using jQuery Change div attribute "id" on click:

$('#link_1_id').click(function(){ 
      $('#img').attr('id','img2'); 
});

编辑:哎呀不明白这个问题.单击链接元素时将div替换为另一个div:

HTML:
<a href="#" id="link_1">Press me</a>
<a href="#" id="link_2">Press me</a>

<div id="div_1"> Content1 </div>
<div id="div_2"> Content2 </div>

Jquery:
$(document).ready(function(){

  // Hide div 2 by default
  $('#div_2').hide();

  $('#link_2').click(function(){ 
      $('#div_1').hide();
      $('#div_2').show();
  });

  $('#link_1').click(function(){ 
      $('#div_2').hide();
      $('#div_1').show();
  }); 
});

要添加滑动效果,请查看.slideDown()或slideUp(). http://api.jquery.com/slideDown/