Portfolio

See More/See Less Button using Vanilla JavaScript

See Forescout Company Overview Page >>

Web Developer: Matt Jennings

Technologies Used:

Forescout is a company that deals with IT security. On forescout.com/company/ page load, I used Vanilla JavaScript to:

  • Hide awards under the "OUR AWARDS" heading that had a year of less than "2019" (like "2018" or earlier).
  • When clicking the "See More" button (white text on orange background), show the "2018" or earlier awards and change the button text to "See Less".
  • Conversely, when the "See Less" button text is showing and after clicking it, show the "2019" or later awards and change the button text to "See More".

Forescout Company Overview Page See More Button for Awards

Forescout Company Overview Page See Less Button for Awards


To Top ↑