$(function() {
  $(".readmore *").hide();
  $(".readmore").prepend(' <a href="#" class="openread">&raquo; Lue lisää</a> ');
  $(".readmore a.openread").hide().slideDown(1000);
  $(".readmore a.openread").click(showThisLongContent);
});


function showThisLongContent() {
    var div = $(this).parent();
    div.children("a.openread").remove();
    div.children().slideDown();
    div.prepend('<a href="#" class="hideread">&raquo; Piilota pitkä teksti</a>');
    div.children("a.hideread").click(hideThisLongContent);

    return false;
}


function hideThisLongContent() {
    var div = $(this).parent();
    div.children("a.hideread").remove();
    div.children().slideUp();

    div.prepend('<a href="#" class="openread">&raquo; Lue lisää</a>');
    div.children("a.openread").click(showThisLongContent);
    return false;
}

/*
 * TODO: One could have used slidetoggle here ... ;)
 */




//////////////////////////////////////////////////////////////////////////////////////////////////////

function showLongContent() {
   $(".readmore *").show();
   $(".readmore .openread").remove();
   $(".readmore").prepend('<p class="hideread"><a href="#">&raquo; Piilota pitkä teksti</a></p>');
   $(".readmore .hideread a").click(hideLongContent);
}

function hideLongContent() {
   //$(".readmore *").hide();
   $(".readmore .hideread").remove();
   $(".readmore").prepend('<p class="openread"><a href="#">&raquo; Lue lisää</a></p>');

   $(".readmore .openread a").click(showLongContent);
}