Fechar Div quando clicar dentro de iframe!

Acho que é isso.

<link rel="stylesheet" href="[http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">](http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css)

<script src="[http://code.jquery.com/jquery-1.10.2.js">](http://code.jquery.com/jquery-1.10.2.js)

<script src="[http://code.jquery.com/ui/1.11.4/jquery-ui.js">](http://code.jquery.com/ui/1.11.4/jquery-ui.js)

<script src="[http://code.jquery.com/jquery-1.10.2.js](http://code.jquery.com/jquery-1.10.2.js)" ></script>
<style>

</style>
<script>
$(document).ready(function(){

$(".iframe").contents().find("body").click(function()

//alert("ok");

$("#conteudo").hide( "slow" );

});
});
</script>
<div id="conteudo" class="ui-widget-content">
<p>Drag me around</p>
</div>
<iframe src="" class="iframe"></iframe>

se trocar o .hide por .slideToggle Altera o efeito

Nao pega :/