Create read More Less Button icon with arrow in JavaScript

Question

Hello ForumPlease how can I create an icon with an arrow just like the one in the screenshot below so that when a user clicks on the icon it will open the full text to read But when the page is refreshed the full text will disappear and the read more icon will show

dharmendr · Accepted Answer

Hi George616Refer below exampleHTMLlthtml xmlns34httpwwww3org1999xhtml34gtltheadgt    lttitlegtlttitlegtltheadgtltbodygt    ltstyle type34textcss34gt        button             background none important            border none            padding 10px important            ltstylegt    ltlink rel34stylesheet34 href34httpscdnjscloudflarecomajaxlibsfontawesome470cssfontawesomemincss34 gt    ltlink rel34stylesheet34 href34httpsmaxcdnbootstrapcdncombootstrap332cssbootstrapmincss34 gt    ltbutton id34btnMoreLess34 type34button34 style34fontsize 24px color 61C8E034 onclick34ReadMoreLess34gt        lti id34iMoreLess34 class34fa fachevroncircleright34gtltigt        ampnbspampnbspltspan id34lblText34gtSee all open positionsltspangt    ltbuttongt    ltp style34padding

Create read More Less Button icon with arrow in JavaScript

Company

Explore

Follow us

Contact Us