如何在点击按钮时切换2个div?

时间:2011-02-13 01:51:28

标签: jquery html

基本上,我想在点击按钮时用闪存文件切换图像。我想在开始时显示图像,但希望它被flash文件替换。此外,我希望在点击相同的按钮时再次显示原始图像..

2 个答案:

答案 0 :(得分:3)

这样的事情应该有效:

<div>
   <div id="image" style="display:block;">PLACE IMAGE HERE</div>
   <div id="flash" style="display:none;">PLACE FLASH HERE</div>
</div>

<div onclick="$('#image').toggle();$('#flash').toggle()">click me</div>

答案 1 :(得分:3)

var container = $('#container'),
    image = container.find('img'),
    flash = container.find('object'),
    button = $('#my-button');

image.hide();

put_flash_in();

button.click(function() {

   if (image.is(':visible')) {
       image.hide();
       flash.show();
   } else {
       image.show();
       flash.hide();
   }

});

jsFiddle