arrows not working #1028

Closed
oneforthepony opened this Issue Feb 20, 2014 · 2 comments

3 participants

@oneforthepony

Hey

I'm having an issue with the slider : i use a default-hidden container on my site (when you click on a button the container opens and the slider is inside). I have this code to make it appear/disappear :

function showmeyour(id)
{
document.getElementById(id).style.display='block';
}

function hidethis(id)
{
document.getElementById(id).style.display='none';
}

Everything works fine when i don't have these lines in my js, but as soon as i put them the flexslider arrows show up but clicking on them has no effect... Actually i think it's the "showmeyour" function that makes something go wrong, because with just the "hidethis" it works perfectly fine...

Could anybody help me ? :(

@koenpopma

This works fine:

CSS

/* container with flexslider :: hidden */
#container_with_flexslider{
     display: none; (like your example)
}
/* container with flexslider :: showing (by class='open' )*/
#container_with_flexslider.open{
     display: block; (like your example) 
}

JAVASCRIPT

$(function(e){
     $('.flex_toggler').click(function(e){
          $('#container_with_flexslider').toggleClass('open');
     });
});

HTML

<a class="flex_toggler">Toggle FlexSlider</a>

<div id="container_with_flexslider" class="">
     <div class="flexslider">...</div>
</div>
@koenpopma

I think there is an issue with the arrows itself: #1034

Handy: http://help.github.com/articles/github-flavored-markdown

@jeffikus jeffikus closed this Feb 19, 2015
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment