It can not judge the item which is active.How do I change the other items' element?

[Kennersky]

`

something

                <div class="card">
                    <figure><img src="images/img_zhq.png"/></figure>
                    <article>
                      something
                    </article>
                </div>
                <div class="card">
                    <figure><img src="images/img_cc.png"/></figure>
                    <article>
                      something
                    </article>
                </div>
            </div>
            <div class="carousel-left"></div>
            <div class="carousel-right"></div>`

//carousel var teamcarousel = $("#team-carousel"); teamcarousel.Cloud9Carousel( { yOrigin: 140, xRadius: 500, yRadius: -100, itemClass: "card", buttonLeft: $(".carousel-left"), buttonRight: $(".carousel-right"), bringToFront: true, onLoaded: function(carousel) { teamcarousel.css('visibility', 'visible'); teamcarousel.css('display', 'none'); teamcarousel.fadeIn(1500); } }); Like this code,I want hide the article when it turn to behind and show it when it turn to front. I don't kown how to do that. Please help me,thanks!

[specious]

I appreciate your interest in using this carousel. Having your code well formatted as well as a working jsbin or similar would be extremely helpful.

I think questions like this are great to post on Stack Overflow: http://stackoverflow.com/help/how-to-ask

I'd open an issue on GitHub if you identify an issue with the carousel or want to suggest a feature.