bullet list - Kopier4 - sparta02

     <div>OWNER

      <br>

       <span class="more">

        Boris Putinov is owner of the restaurant. He demands much from his staff. Although he says that "all men are equal" he does not mean this.From the start his intention was, that all his employees should earn the same amount. As his basis was the pay for a dish washer, this rule is not actual anymore.At start, the restaurant had only one menu It was the owners idea, as when this menu had enough kalories for one person, why should there be needed other menus. This idea is not actual anymore - now the restaurant has a lot of menus.

       </span>

       </div>

     <div>MANAGER

     <br>

           <span class="more">

         Jackie Nightingale is manager of the restaurant. He is not always quite sober. Most of the time he treats the guests well, but sometimes he steals from their pockets. Especially when they have something made of gold. If You have some juvelry that are very valuable, You have to pay attention - especially when You have some black pearls. If he sees a black pearl, he become weird.

       </span>

       </div>

<script type="text/javascript">

$(document).ready(function() {

   // Configure/customize these variables.

   var showChar = 25; // How many characters are shown by default

   var ellipsestext = "...";

   var moretext = "Show more >";

   var lesstext = "Show less <";

   $('.more').each(function() {

       var content = $(this).html();

       if(content.length > showChar) {

           var c = content.substr(0, showChar);

           var h = content.substr(showChar, content.length - showChar);

           var html = c + '<span class="moreellipses">' + ellipsestext+ '&nbsp;</span><span class="morecontent"><span>' + h + '</span>&nbsp;&nbsp;<a href="" class="morelink">' + moretext + '</a></span>';

           $(this).html(html);

       }

   });

   $(".morelink").click(function(){

       if($(this).hasClass("less")) {

           $(this).removeClass("less");

           $(this).html(moretext);

       } else {

           $(this).addClass("less");

           $(this).html(lesstext);

       }

       $(this).parent().prev().toggle();

       $(this).prev().toggle();

       return false;

   });

});

</script>

<style>

.morecontent span {

   display: none;

}

.morelink {

   display: block;

}

</style>