Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #26825

    I have a lot of big paragraphs of text on my website, so to conserve space I was thinking if there is someway I can hide a specified amount of the text using jQuery with a More›› or Expand›› link just before the hidden text. On clicking the link, the whole paragraph would reveal the rest of the text. Also will there be an update to the google maps widget for the new layout or terrain Google added? Thanks!

    #131757

    You can try this script: http://jedfoster.github.io/Readmore.js/

    Insert the compressed version. https://github.com/jedfoster/Readmore.js/blob/master/readmore.min.js at the bottom of enfold/js/avia.js. Then replace following code at the top of the file

    $(document).ready(function()
    {

    with

    $(document).ready(function()
    {

    $('.shortdescriptiontext').readmore({
    speed: 75,
    maxHeight: 500
    });

    and change the values if you want to. At least wrap your long text into a paragraph with the class “shortdescriptiontext”.

    <p class="shortdescriptiontext">
    My text....
    </p>

Viewing 2 posts - 1 through 2 (of 2 total)
  • The topic ‘Expand text and Google Map’ is closed to new replies.