jquery - Link suddenly not click-able after media-query -
i'm officially stumped. after including simple jquery slideup script in bottom of page (to show/hide divs onclick), 2 links in navbar (which 2 ul's) no longer "clickable"-- happens when browser size shrunk width (still @ reasonable size). clickable , jquery works fine browser window wider. tremendously appreciated. ready throw computer out window.
here links:
<ul id="second"> <li><a id="partials/art.html">art</a></li> <li><a href="#designinfo" class="navlink"> design</a></li> <li><a href="#illustrationinfo" class="navlink">illustration</a></li> </ul> <ul id="first"> <li><a href="#aboutinfo" class="navlink"> about</a></li> <li><a href="#contactinfo" class="navlink"> contact</a></li> </ul>
here example of 1 of div's supposed open. in fact, 1 not opening (the "about" link 1 isn't clickable, reason).
<div id="aboutinfo" class="info"> <div id="bio"> <p> bio info goes here </p> </div> </div>
the css comes play here is:
.info{ display:none; }
and here jquery:
<script> $('.navlink').on('click', function(e){ e.preventdefault(); var targetdiv = $($(this).attr('href')); if(!targetdiv.is(':visible')){ $('.info').slideup(); targetdiv.slidedown(); } else{$('.info').slideup(); } }); </script>
Comments
Post a Comment