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

Popular posts from this blog

python - No exponential form of the z-axis in matplotlib-3D-plots -

php - Best Light server (Linux + Web server + Database) for Raspberry Pi -

c# - "Newtonsoft.Json.JsonSerializationException unable to find constructor to use for types" error when deserializing class -