Forums

Something like this would require some JavaScript (or less desirably a CSS hack). I don’t see any of that going on? The slider loads the jQuery library already so that would be easiest to use.

.read-more-content {
display: none;
}

$(document).ready(function() {

  $('.read-more-show').click(function(e) {

      e.preventDefault();
      $('.read-more-content').slideDown();
  });

  $('.read-more-hide').click(function(e) {

      e.preventDefault();
      $('.read-more-content').slideUp();
  });
});

I do see some inline script now that was apparently already there – did I miss that or did you maybe also change the HTML, along with adding the new script I posted? It is right below where the new lines were pasted.

In any case, the code provided (in this forum thread) isn’t quite in the right place as it is in the middle of the document. You can see some of it has been displayed as text. Best thing would be to place in the head section at the top, just before the closing </head> tag. Also, it would need to have some script tags around it defining it as JavaScript – unfortunately I can’t show a good example of that because the forum software will spit it out.

[script type="text/javascript"]

previous posted code

[/script]

Where the [ and ] brackets should be replaced with < and > (they will get denied if I write the correct characters).

Hope that helps.

Let me investigate, it looks quite different from what I saw yesterday (the inline script definitely wasn’t there before). At the moment it is actually the existing script that is showing the text…

Pasting the code in the head section would be easiest for overview but it could really be pasted ‘anywhere’ as long as it doesn’t interfere with the existing markup. Putting it right before the ending </body> tag should also be fine for example. It will not work yet though because the divs now have more generic names than the code was written up for.