List when you click on the picture?

I want to make it so that when you click on the picture, was the choice of the country. Tell me, please, with the implementation.
How to add to by clicking on the picture opens the list countries.
Thought so:
<li class="">
 <a class="js_anchor" href="#list-america">
 <span class="tunel-img">
 <img src="path to image" alt="">
</span>
 <span class="name-tunel">America</span>
</a>
</li>
<ul id="list-america" class="list-countries" style="display: block;">
the <li>
 <span class="flag">
 <img src="" alt="Canada">
</span>
<span>Canada</span>
</li>
</ul>

But works not so, but I want to be like here.
March 12th 20 at 07:59
0 answer

Find more questions by tags HTML