Как сместить элемент с jquery ui

Question

Я использую событие swipe (и http://api.jqueryui.com/slide-effect/), чтобы вывести содержимое. Это прекрасно работает. Тем не менее, мне нужно проскользнуть в следующем («div»), когда предыдущий сиблинг выйдет. Я пробовал next(), nextAll(), ближайший(), но никто, кажется, не делает то, что мне нужно.

Вот функция

function swipeleftHandler(event){ 
    $(this).toggle("slide");// div slides out to left 

    // need to slide in next one here 

} 

HTML, выглядит следующим образом

<div id="content2" class="content tabcontent active" data-content="1"> 
<div id="orders_today" class="datagroup datagroup0"></div> 
<div id="orders_last_30_days" class="datagroup datagroup1 hide"> 
</div> 

событие красть называется как этот

$(document.body).on('swipeleft', '.datagroup' ,swipeleftHandler); 

событие салфетки снимают с правильно, и первый div сползает влево, как требуется. Мне нужен следующий DIV в сторону, Там может быть несколько элементов в контейнере с тем же классом (и неизвестно идентификаторы), так вот почему я попытался с помощью следующего()

Answer 1

кэша следующих до сокрытия этого:.

$("body").on("click", "div", function(){ 
    $next = $(this).next(); 
    $(this).toggle("slide"); 
    $next.toggle("slide"); 
}); 

jsFiddle

Answer 2

решение, которое я нашел, чтобы это в

1. Снять класс скрыть
2. набор контейнер высоты (# content2) динамически как пропорция на высоте окна просмотра.
3. # Content2 {переполнения: скрытый}

тогда в моей функции swiftlefthandler, я использовал следующий

$(this).toggle("slide"); 
$(this).next().toggle("slide");