Home/ Questions/Q 6528147
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T09:30:28+00:00

How do you make a link that when pressed, displays more information about something

  • 0

How do you make a link that when pressed, displays more information about something without reloading the page? (i believe it is called overflow?)

an example would be here:

https://market.android.com/details?id=com.jiwire.android.finder&feature=featured-apps

click the MORE button under the Description section, and more description is showed and the entire webpage’s content slides down WITHOUT need to reload

Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Make use of this

        <!DOCTYPE html>
    <html>
    <head>
      <style>
    div { background:#de9a44; margin:3px; width:80px; 
    height:40px; display:none; float:left; }
    </style>
      <script src="http://code.jquery.com/jquery-latest.js"></script>
    </head>
    <body>
      Click me!
    <div></div>
    <div></div>
    <div></div>
    <script>
    $(document.body).click(function () {
    if ($("div:first").is(":hidden")) {
    $("div").slideDown("slow");
    } else {
    $("div").hide();
    }
    });

    </script>

<script>
  $(document.body).click(function () {
    if ($("div:first").is(":hidden")) {
      $("div").show("slow");
    } else {
      $("div").slideUp();
    }
  });

  </script>
    </body>
    </html>
    • 0