Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

arrows not working #1028

Closed
oneforthepony opened this Issue · 2 comments

3 participants

oneforthepony Koen Popma Jeffrey Pearce
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 ? :(

Koen Popma

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>
Koen Popma

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

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

Jeffrey Pearce jeffikus closed this
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.