Read More Tag For Bullet Points

  • CMS1

    (@cms1)


    11 years, 3 months ago

    Hi Guys,

    Im just wondering if it is possible to add a [Read More] tag to a bullet point – for example see this page :
    http://www.centralmailing.co.uk/services/fulfilment/

    I want the “Read More” to appear under each bullet point

    I want extra information to then appear below the specified BP

    I do not want the link to lead away from the page

    Would it also be possible to have a hide button for when the user has finished reading the text.

    I have tried the <!–more–> thing but it only works in posts, not pages…

    Can anyone help?

Viewing 1 replies (of 1 total)
  • linux4me2

    (@linux4me2)

    11 years, 3 months ago

    Yes, it is definitely possible using a little jQuery with some classes in your page HTML. There are a number of different ways to do it.

    Based on the layout of your site, instead of adding a “[Read More]” I might use plus sign icons for the bullet points that when clicked would fire the jQuery toggle method to display the additional content and switch the bullet point icon to a minus sign. When the user clicks the minus sign, it hides the extra content and then switches the bullet point icon back to the plus sign. You could certainly execute the same thing with some variation of “more” and “less” links if you wanted.

    Another alternative would be to use the jQuery Accordion widget.

Viewing 1 replies (of 1 total)
  • The topic ‘Read More Tag For Bullet Points’ is closed to new replies.