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

Jquery 如何在点击按钮时切换2个div?,jquery,html,Jquery,Html,基本上,我想切换一个按钮点击一个flash文件的图像。我想在开始时显示图像,但希望它被flash文件替换。另外,我希望在单击同一按钮时再次显示原始图像。类似的操作应该可以: <div> <div id="image" style="display:block;">PLACE IMAGE HERE</div> <div id="flash" style="display:none;">PLACE FLASH HERE</div>

基本上,我想切换一个按钮点击一个flash文件的图像。我想在开始时显示图像,但希望它被flash文件替换。另外,我希望在单击同一按钮时再次显示原始图像。

类似的操作应该可以:

<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>

把图像放在这里
把闪光灯放在这里
点击我

.

除非我做错了什么,.其中一个div必须显示
@JCOC611:我几乎立即纠正了它,即使有两个人发现了一个错误。你当然是对的。为了简单起见,我给你一个+1。@apro:你必须在标题部分包括jQuery:
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();
   }

});