Hi everyone, I'm having an issue with a dropdown menu that I created using ul and anchor tags. When I click on one of the options, an image is supposed to appear. However, the problem is that the image shows up for just a second and then disappears. I found some code online in a forum post that seemed to work for someone else with a similar problem, but it's not working for me. Can anyone tell me what might be going wrong?
HTML
<ul>
<li> <a href="" onclick="document.getElementById('banquetsix').style.visibility='visible';">6 Seater</a>
</li>
<li><a href="">8 Seater</a>
</li>
<li><a href="">10 Seater</a>
</li>
</ul>
<img id="banquetsix" class="banq" src="image/banquet6.jpg" />
CSS
.banq {
visibility:hidden
}