Comment basculer déroulant flèches

C'est le code que j'utilise masquer et d'afficher des div avec une diapositive bascule effet.

jQuery(document).ready(function() {
    jQuery(".option-content").hide();
    jQuery(".option-heading").click(function()
        {
            jQuery(this).next(".option-content").slideToggle(500);
        });
    });

Cependant, je voudrais ajouter quelques basculé flèches pour montrer que la bascule div est en haut ou en bas.

C'est ce que j'ai à ce jour et elle fait la moitié de ce que j'aimerais faire:

jQuery(document).ready(function() {
    jQuery(".option-content").hide();
    jQuery("#arrow-up").hide();
    jQuery(".option-heading").click(function()
        {
            jQuery(this).next(".option-content").slideToggle(500);
            jQuery("#arrow-up").toggle();
            jQuery("#arrow-down").toggle();
        });
});

Cette bascule de la flèche, mais il y a deux problèmes:

  1. La flèche vers le bas séjours montré
  2. Chaque div bascule chaque flèche, de sorte que lorsque certains divs sont en place et on est en bas elles montrent toutes que vers le bas.

Toutes les idées seraient appriciated

OriginalL'auteur David Passmore | 2012-02-23

  1. 2

    De l'utilisation des classes!

    jQuery(document).ready(function() {
    jQuery(".option-content").hide().removeClass("shown").addClass("hidden");
    jQuery(".option-heading").click(function()
        {
            jQuery(this).next(".option-content").slideToggle(500)
                  .removeClass("hidden").addClass("shown");
        });
});

    Puis utiliser les CSS:

    .option-content.hidden{ background-image:url(hidden.png); } 
.option-content.shown{ background-image:url(shown.png); }

    OriginalL'auteur papaiatis

  2. 0
     $('.nav-arrow').on('click', function () {
    $(this).parents('.col-md-6').siblings().find('li').removeClass('subnav---open').find('ul').slideUp('fast');
    $(this).parent().toggleClass('subnav---open').find('ul').first().slideToggle('fast');
});
    Salut Solanki, qui peut répondre à la question, mais il serait mieux si vous l'avez expliqué pourquoi cette solution fonctionne avec un exemple plus complet.

    OriginalL'auteur Solanki Arun