Click inside iframe open event in parent (same domains)?
<p>I want to use .slideToggle to open event details from my calendar (in iframe) My code is:</p>

<pre><code>&lt;div id="clickme"&gt;&lt;iframe id="frame" src="index.php?option=com_jevents&amp;view=month&amp;task=month.calendar&amp;template=ja_purity" mce_src="index.php?option=com_jevents&amp;view=month&amp;task=month.calendar&amp;template=ja_purity"&gt;Your browser does not support iframes.&lt;/iframe&gt;&lt;/div&gt;

&lt;div id="book" style="display:none;"&gt;&lt;iframe name="details" scrolling="no" frameborder="0"&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;script&gt;
$('#clickme').click(function() {
  $('#book').slideToggle('slow', function() {
    // Animation complete.
  });
});
&lt;/script&gt;
</code></pre>

<p>You can see how it works here: <a href="http://wisko.pl/" rel="nofollow">wisko.pl</a>
Now slide work only when i click iframe border. I'd like it to open when i click on event in calendar. Is it possible? How can i use .click function to check divs inside iframe?</p>

<h3>Update:</h3>

<p>Thank you. Still doesn't work. Am I doing something wrong? My main document has:</p>

<pre><code>&lt;script&gt;
function showevent(){
$('#book').slideToggle('slow', function() {
    // Animation complete.
  });
}
&lt;/script&gt;
</code></pre>

<p>In Iframe i put:</p>

<pre><code>&lt;script&gt;
$('#eventstyle').click(function() {
document.parent.showevent();
}
&lt;/script&gt;
</code></pre>
