Jquery从左到右切换动画

Question

我创建了一个jquery切换动画但由于某种原因它无法正常工作。

任何人都可以提供帮助吗？

请看更新的小提琴。 class =“search-container-wrap”意味着从左向右滑出

http://jsfiddle.net/VdWFm/

        /*  SHOWS CHART SEARCH
    ===================================================================*/
$(document).ready(function(){
    $('.search-charts-go').click(function (e) {
    e.stopPropagation();
    $('.search-container-wrap').hide('slide', {direction: 'left'}, 500);
    $(this).next('.search-container-wrap').stop().show('slide', {direction: 'left'}, 500);
   });
});

非常感谢!!!!

Answer 1

您的问题在于$(this).next('.search-container-wrap')，因为点击的锚点没有这样的兄弟。请改为$('.search-container-wrap')，如this fiddle所示。

我冒昧地让它滑入和滑出。