How can I use JavaScript to show or hide specific divs on page load and upon clicking different links?
I want to display the "houseImages" div by default, while hiding the "landImages", "renovationImages", "UpcomingImages", and "voteForNext" divs. Then, when the user clicks on "Landscaping", I want to show the "landImages" div and hide the "houseImages" div. This functionality should continue through the list of links, so that when the user clicks on "Painting", the "houseImages" div reappears. How would I achieve this with JavaScript?
Here is my current code:
<Div id="mainContent">
<h2> Our House </h2>
<div id="columnLeft">
<ul>
<li id="leftColumnPainting">
<a href="#houseImages">Painting</a>
</li>
<li id="leftColumnLandscaping">
<a href="landscaping.html">Landscaping</a>
</li>
<li id="leftColumnRenovations">
<a href="renovations.html">Renovations</a>
</li>
<li id="leftColumnUpcoming">
<a href="upcoming.html">Upcoming</a>
</li>
<li id="leftColumnNext">
<a href="whatsnext.html">Vote for <br>Next!</br></a>
</li>
</ul>
</div>
<div id="columnRight">
<div id="title">
<p> Over the course of a couple years we have done a number of projects around the house. Click on a link to your left to see the improvements! Don't forget to vote for what's next!
</p>
</div>
<div id="houseImages">
<ul>
<li>
<a href="Painting.html"><img src="./img/house1.jpg" /></a>
</li>
<li>
<a href="Painting.html"><img src="./img/house2.jpg" /></a>
</li>
<li>
<a href="Painting.html"><img src="./img/house3.jpg" /></a>
</li>
<li>
<a href="Painting.html"><img src="./img/house4.jpg" /></a>
</li>
</ul>
</div>
<div id="landImages">
<ul>
<li>
<a href="Painting.html"><img src="./img/land1.jpg" /></a>
</li>
<li>
<a href="Painting.html"><img src="./img/land2.jpg" /></a>
</li>
<li>
<a href="Painting.html"><img src="./img/land3.jpg" /></a>
</li>
<li>
<a href="Painting.html"><img src="./img/land4.jpg" /></a>
</li>
</ul>
</div>
<div id="renovationImages">
<ul>
<li>
<a href="Painting.html"><img src="./img/renovation1.jpg" /></a>
</li>
<li>
<a href="Painting.ht... etc