Jquery go to this href
<p>How can I say that if it is a touch device do not hover and go direct to click?<br>
Here is the example to play: <a href="http://jsfiddle.net/2Sax4/4/" rel="nofollow">http://jsfiddle.net/2Sax4/4/</a></p>

<p>The key point is how to say to get the a href. Something like this:</p>

<pre><code>window.location= 'http://' + this a; 
</code></pre>

<p>jQuery:</p>

<pre><code>$(function(){

    // not touch:      
    $(".menu li").hover(function() {
        $(this).animate({ "background-color":red }, 1000);
    },function() {
        $(this).animate({ "background-color":blue }, 1000);
    });

    // touch:
    var supportsTouch = 'ontouchstart' in window || 'onmsgesturechange' in window;
    if(supportsTouch) {
        $(this).on('touchstart', function(){
                    //I tried something like this
            window.location= 'http://' + this a;  
        }); 

    }   
})
</code></pre>

<p>HTML:</p>

<pre><code>&lt;ul class="menu"&gt;
    &lt;li id="first"&gt;&lt;a href="first.html"&gt;first&lt;/a&gt;&lt;/li&gt;
    &lt;li id="second"&gt;&lt;a href="second.html"&gt;second&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>
