Trigger Tabs only on certain screen size
<p>Having some problems getting tabs to only trigger when viewed on an iPhone (basically max-wdith:740px).</p>

<p>I've tried a number of options, but can't seem to get it to work. This is my basic jQuery:</p>

<hr>

<pre><code>$('#tab-1, #tab-2, #tab-3').hide();
$('#tab-1').show();
$('ul.mobileTabs li a.mobiletab1').addClass('mobileActive');

$('ul.mobileTabs li a').click(function(){
    $('ul.mobileTabs li').removeClass('mobileActive');
    $(this).parent().addClass('mobileActive');
    var currentTab = $(this).attr('href');
    $('#tab-1, #tab-2, #tab-3').hide();
    $(currentTab).show();
    return false;
});
</code></pre>

<hr>

<p>Be great if someone could help me!</p>

<p>Cheers</p>
