Código:
<link rel="stylesheet" href="http://canales.eventoshq.me/pruebas/reset.css" type="text/css"> <script src='http://canales.eventoshq.me/jquery.min.js' type='text/javascript'></script> <script src="http://canales.eventoshq.me/clive.js" type="text/javascript"></script> <script type='text/javascript'> $(document).ready(function() { $().click(function() { }); $("#firstpane p.menu_head2").click(function() { $(this).css({backgroundImage:"url()"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow"); $(this).siblings().css({backgroundImage:"url() fixed no-repeat"}); }); $("#secondpane p.menu_head2").mouseover(function() { }); }); //]]> </script> <div id="firstpane"><p class="menu_head2" style="background-image: url("http://canales.eventoshq.me/pruebas/1.html");"><img src="http://i.imgur.com/BMH37ud.gif"> <div class="menu_body"> <embed src="http://evehqhq.chatango.com/group" width="435px" height="425px" allowscriptaccess="always" allownetworking="all" type="application/x-shockwave-flash" allowfullscreen="true"flashvars="cid=0010000018765712984&a=000000&a=000000&b=100&c=C5FEF8&d=FBEE01&e=000000&g=FDFDF9&h=05020B&i=29&j=14FF1D&k=FFFF33&l=464646&m=1CFE4B&n=FEFEFE&o=58&q=1C0600&r=100&t=0&v=0&aa=1"> <div style="position:fixed;top:405px;left:165px;left:0width:125px;height:165px;"><iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Feventoshq&send=false&layout=button_count&width=120&show_faces=false&action=like&colorscheme=light&font=segoe+ui&height=21&appId=122923547779002" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:120px; height:21px;" allowTransparency="true"> </div>
a ver lo tengo puesto en esta web http://canales.eventoshq.me/pruebas/1.html
al iniciar la imagen que sale es esta http://i.imgur.com/BMH37ud.gif y un chat...
lo que yo deseo es que algo darle click en cerrar chat apareca otra imagen en vez de esa sin quitar el efecto de recojimiento del jquery
Gracias.