jQuery Google News Style
<p>My jQuery code...</p>

<pre><code>$(document).ready(function() {
  var showText='&lt;span style="float:right"&gt;&lt;img src="image1.gif"&gt;&lt;/span&gt;';
  var hideText='&lt;span style="float:right"&gt;&lt;img src="image2.gif"&gt;&lt;/span&gt;';
  var is_visible = false;
  $('.toggle').prev().append(' &lt;a href="#" class="toggleLink"&gt;'+showText+'&lt;/a&gt;');
  $('.toggle').hide();
  $('a.toggleLink').click(function() {
    is_visible = !is_visible;
    $(this).html( ($(this).html() == hideText) ? showText : hideText);
    $(this).parent().next('.toggle').toggle('fast');
    return false;
  });
});
</code></pre>

<p>Problem 1: When the page loads, the div appears open for a few milliseconds before closing.</p>

<p>Problem 2: The way I present my content is a bit like Google News (title, exccerpt) in a list. I currently have a button underneath each story that you click to show other bits of information such as related posts. </p>

<p>It's untidy to have open/close buttons all the way down the page for every single entry. I would rather have it so that when you hover your mouse over a specific content div, the open button appears (fades in) which you can then click to open the div - like Google News does.</p>

<p>Does anyone know how this would be possible? Thanks for any info.</p>
