javascript - Double conditional jQuery function event

Question

How do I specify a second condition that requires that the user not only click a link but click in the area between a div in order to go to landing.html?

<script src="http://code.jquery.com/jquery-1.5.1.min.js"></script> 

<script language="JavaScript" type="text/javascript"> 
    $(document).ready(function () {

        $("#postos").click(function() { 
            $("#linkos").attr('href', 'landing.html');
        });

        $('#clickdiv div').click(function () { 
            $("#linkos").attr('href', 'landing.html');
        });

    });


</script>

<a id="postos" href="#"></a>

<div id="clickdiv">please click</div>

<a id="linkos" href='javascript:window.alert("click the link and div");'><br/><img src="pic.png"></a>

Answer 1

I STRONGLY suggest you go about this differently. Using divs in this manner SCREAMS poor design; not to mention, forcing users to click multiple elements feels clunky and tedious.

However, I have provided you an example of how to do so: http://jsfiddle.net/2q3SQ/27/.

I have also provided you with another example that might be more useful: http://jsfiddle.net/2q3SQ/28/

Links (MAY BE USEFUL):

• http://code.google.com/edu/submissions/html-css-javascript/