JQuery Cycle Div como âncora

Question

Estou construindo uma página que possui algumas divs de conteúdo que entrarão e sairão - apenas algumas linhas de código com o JQuery Cycle.

Eu tenho uma navegação no lado em que quero anexar os links. Não há problema com o ciclo do jQuery - posso até especificar uma imagem ou tag H3 que quero usar.

No entanto, quero anexar uma div inteira do slide para aparecer na barra lateral. Como eu iria selecionar esta div?

No momento, meu código é:

    $('#servicesWrap').cycle({
    fx: 'scrollLeft',
    speed:  'normal', 
    timeout: 0, 
    pager:  '#servicesSidebar',
    pagerAnchorBuilder: function(idx, slide) { 
    return '<li><a href="#">' + jQuery(slide).children(".serviceButton").eq(0).text() + '</a></li>';

} 

    });

Encontrei o PageRanchorBuilder em outra postagem de Stackoverflow. Funciona muito bem, mas apenas pega o texto dentro da div. Eu quero pegar o div inteiro que se parece mais disso:

    <div class="serviceButton">
   ... Text and images go here...
    </div>

Tenho certeza de que isso é simples, simplesmente não sei o jQuery bom o suficiente para selecionar toda a div.

Answer 1

Experimente o seguinte:

 return '<li><a href="#">' + $(slide).children(".serviceButton:first")[0].outerHtml + '</a></li>';