Hi All -

I've recently come across this solution to the show/hide div problem: http://css-tricks.com/forums/discussion/19000/show-hide-div-with-toggle-text-help/p1

The solution from SgtLegend (http://jsfiddle.net/wGbh5/1/ ) works brilliantly, but I have one problem.

For this solution, it seems that the toggle link must be directly above the div it shows and hides in the html, or it won't work.

For example, this works:

  <a href="#" class="clickme">Show</a>
  <div class="box"> *** content *** </div>

However, if I place a div between the two lines:

  <a href="#" class="clickme">Show</a>
  <div id="logo">MyLogo</div>
  <div class="box"> *** content *** </div>

It no longer works. Basically, what I need to do is have the link and the relevant div that it shows and hides in different parts of the HTML document.

I'm sure the solution is simple, but I'm a total beginner.

Many thanks, John