terça-feira, 17 de maio de 2016

Sidebar accordion with jquery

sidebar-accordion-with-jquery


Sidebar acordion with jquery blogger isso traz um efeito muito legal quando clicamos nas abas uma vez que isso abre para um novo widget para incluir isso no seu Blogger siga os passos.


Como colocar sidebar accordion com jquery no blogger

Faça login no blogger então va no menu modelo clique em editar  >>HTML/JavaScript 
com as teclas combinadas CTRL+F busque por </body> e acima disso copie e cole o seguinte código




script type='text/javascript'>
//<![CDATA[
$(function() {
    $('#sidebar-wrapper .widget-content').hide();
    $('#sidebar-wrapper h2:first').addClass('active').next().slideDown('slow');
    $('#sidebar-wrapper  h2').css('cursor', 'pointer').click(function() {
        if($(this).next().is(':hidden')) {
            $('#sidebar-wrapper h2').removeClass('active').next().slideUp('slow');
            $(this).toggleClass('active').next().slideDown('slow');
        }
    });
});
//]]>
</script>

Então para isso verifique o id de sua sidebar #sidebar-wrapper caso contrario troque pelo nome correto Salve e pronto.

Créditos: mastamvan
NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner