Change content of DIV from navigation of another using Bootstrap

Question

HelloI have been really desire to learn how to create this as explained belowHow is possible to create a situation where user clicks on navigation and the contents of a particular div will change without navigating to another pageFor example if a user is on page1 and page1 has a div tag where there are image contents like cricket image basketball image and tennis image By default the first image that will be seen is cricket image Then when the user clicks on tennis image the cricket im

dharmendr · Accepted Answer

Hi RichardSaCheck this exampleHTMLlthtml xmlns34httpwwww3org1999xhtml34gtltheadgt    lttitlegtlttitlegtltheadgtltbodygt    ltlink rel34stylesheet34 href34httpscdnjsdelivrnetnpmbootstrap453distcssbootstrapmincss34        integrity34sha384TX8t27EcRE3eihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr234 crossorigin34anonymous34 gt    ltscript src34httpsajaxgoogleapiscomajaxlibsjquery1124jqueryminjs34gtltscriptgt    ltscript src34httpscdnjscloudflarecomajaxlibspopperjs1143umdpopperminjs34        integrity34sha384ZMP7rVo3mIykV29J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAKl8WvCWPIPm4934 crossorigin34anonymous34gtltscriptgt    ltscript src34httpsstackpathbootstrapcdncombootstrap413jsbootstrapminjs34        integrity34sha384ChfqqxuZUCnJSK3MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OWJmZQ5stwEULTy34 crossorigin

Change content of DIV from navigation of another using Bootstrap

Company

Explore

Follow us

Contact Us