span with onclick event inside a tag

Question

Sample code

<a href="page" style="text-decoration:none;display:block;">     <span onclick="hide()">Hide me</span> </a> 

Since the a tag is over the span is not possible to click it. I try z-index but that didnt work

Answer 1

<a href="http://the.url.com/page.html">     <span onclick="hide(); return false">Hide me</span> </a> 

This is the easiest solution.

Answer 2

When you click on hide me, both a and span clicks are triggering. Since the page is redirecting to another, you cannot see the working of hide()

You can see this for more clarification

http://jsfiddle.net/jzn82/