Hey all,
I'm sure there's a really simple solution to this, but I'm a bit stuck. Basically I have this HTML:
HTML Code:
<div class="forum">
<h3><a href="#">Forum Title</a></h3>
<p>Some Description</p>
</div>
I have then implemented the following JS/jQuery:
Code:
$(document).ready(function(){
$(".forum").click(function(){
window.location=$(this).find("a").attr("href"); return false;
});
});
This works as planned: If I hover over anywhere in the containing .forum div it will find the link inside and send the browser to the href's value. However, is there a way I can trigger the <a> hover state (a:hover) causing it to change colour (defined in my css) when my cursor hover over the
.forum div (not specifically the link)? It only is triggered if I hover my cursor directly over the link itself, which is the normal behaviour, of course.
Many thanks in advance.