jquery - How to create tab into a link -
i have following html:
<div class="captionbottom">     <a href="mp.aspx" title=""><img src="c.jpg" alt="" /></a>     <figcaption>view!</figcaption> </div>   the figcaption shown on image when hovered.
how can make link href of anchor tag, clicking on figcaption takes user mp.aspx
css:
figcaption {     width: 100%;     position: absolute;     background: #e55302;     background: rgba(229,83,2,0.90);     color: #fff;     padding: 10px 0;     opacity: 0;     -webkit-transition: 0.6s ease;     -moz-transition: 0.6s ease;     -o-transition: 0.6s ease;     cursor: pointer; } .captionbottom:hover figcaption {   opacity: 1;   cursor: pointer; }      
using jquery:
$('figcaption').on('click',function() {     var fighref = $(this).prev().attr('href');     window.location.href = fighref; //changed code. });      
Comments
Post a Comment