- Author was Featured
- Has been a member for 4-5 years
- Author had a Free File of the Month
- Sold between 100 000 and 250 000 dollars
- Bought between 10 and 49 items
- Europe
- Exclusive Author
- Referred between 200 and 499 users
fuelthemes
says
I am trying to setup kwicks slider for a new theme and hit a bump.
I would like the slider to display the titles when steady, and when mouseover, display both detail and title:
$('#kwicks .kwicks').kwicks({
max : 720,
spacing : 0
});
$('.kwicks li').each().hover(function() {
jQuery(".kwick_title").stop().fadeTo(500, 0);
jQuery(".kwick_detail",this).stop().fadeTo(500, 0.7);
},function(){
jQuery(".kwick_title").stop().fadeTo(500,0.7);
jQuery(".kwick_detail",this).stop().fadeTo(500,0);
});
I don’t know where I am making a mistake
- Author had a File in an Envato Bundle
- Sold between 250 000 and 1 000 000 dollars
- Author was Featured
- Item was Featured
- Contributed a Tutorial to a Tuts+ Site
- Exclusive Author
- Has been a member for 3-4 years
- India
SaurabhSharma
says
Not sure what is the structure of your inside LI elements, but the hover function would go as:
$('.kwicks li').each(function() {
$(this).hover(function() {
$(this).find('.kwick_title').stop().fadeTo(500, 0);
$(this).find('.kwick_detail').stop().fadeTo(500, 0.7);
},
function(){
$(this).find('.kwick_title').stop().fadeTo(500,0.7);
$(this).find('.kwick_detail').stop().fadeTo(500,0);
}
) // end hover
}) // end each
Hope it helps. 
