HTML code for "Learn more..."?

by 8 replies
10
How do I enter HTML code to have a link the says "Learn more..." that does not go to another page? I want it to give more info right below it and then the visitor could close it. You see this in FAQ's sometimes.

Example:

Great tip about ABC! Learn more...


Great tip about ABC! Learn more...
To blah, blah, blah blah, blah, blah, blah blahblah, blah, blah blahblah, blah, blah blahblah, blah, blah blahblah, blah, blah blahblah, blah, blah blahblah, blah, blah blahvblah, blah, blah blahvblah, blah, blah blahvblah, blah, blah blah Close.


#website design #code #html #learn more
  • to help you more check w3schools.com and search for html coding. For your more info.

    good luck!
    • [ 1 ] Thanks
  • Thanks - I will check that site out.
  • Search for javascript hide script.
    • [ 1 ] Thanks
  • Try with javascript !

    <style type="text/css">

    #more_information {

    display:none;

    }

    </style>

    <script type="text/javascript">

    function show() {

    document.getElementById('more_information').style. display = 'block';

    }

    </script>

    <a href="#" onclick="show()">Show more information</a>

    <div id="more_information">
    Here is more information for user
    </div>

    This code should work !
    • [ 1 ] Thanks
    • [1] reply
    • I agree with you.
      To close an open text - add part of code and one more link.
  • i agree. this should solve your needs.
    • [1] reply
    • [DELETED]
    • i am copying the code. this is very useful in my future projects..
  • You can learn better on HTML tutorial.
Join the discussion

Next Topics on Trending Feed

  • 10

    HTML code for "Learn more..."?

    How do I enter HTML code to have a link the says "Learn more..." that does not go to another page? I want it to give more info right below it and then the visitor could close it. You see this in FAQ's sometimes. Example: