Besoin pour afficher / masquer un div en cliquant sur un lien

J'aimerais faire quelque chose comme ce violon seulement cela fonctionne sur les boutons à la place des liens:

http://jsfiddle.net/qNhZj/

J'en ai besoin pour travailler sur les liens et aussi j'ai une intro div qui obtient caché après avoir cliqué sur un des liens.

Quelqu'un peut m'aider s'il vous plaît.

InformationsquelleAutor Marc | 2012-10-05
  1. 2

    Vous suffit de déclarer le lien au lieu de l'entrée.
    Dans la liste de la classe, ajouter le id de la div que vous souhaitez afficher.

    Click a button to make it visible:

<div id="intro-tekst">Intro text here !</div>
<div class="boxes" id="coke">Coke is awesome!</div>
<div class="boxes" id="bubble-tea">Bubble tea is da bomb!</div>
<div class="boxes" id="milk">Milk is healthy!</div>
<br />
<p>
    I change my mind:
    <ul>
        <li><a href="javascript:void(0);" class="link coke">Coke</a></li>
        <li><a href="javascript:void(0);" class="link bubble-tea">Bubble Tea</a></li>
        <li><a href="javascript:void(0);" class="link milk">Milk</a></li>
    </ul>
</p>

    Et lier de cette façon :

    $(document).ready(function() {
    var url = window.location.href;
    var option = url.match(/option=(.*)/);
    if (option !== null) {
        $(".link ." . option[1]).trigger('click');
    }

    $(".link").bind('click', function () {
        $('#intro-tekst').hide();
        $('.boxes').hide();
        $('.link').removeClass('selected');
        $(this).removeClass('link');
        $('#' + $(this).prop('class')).show();
        $(this).addClass('link selected');       
    });   
});

    JsFiddle code ici : http://jsfiddle.net/Pq5Cv/8/

    • Salut Palmplam, c'est ce que j'ai demandé, mais mon problème maintenant c'est qu'il montre #l'un dans l'URL. (je travaille dans un cms et ne veux pas de #liens :s ) Aucune idée je peux changer ça, donc je ne vois pas de changement d'url? Les boutons serait oke aussi, mais quand j'ajoute un div sur ce bouton, il obtient caché. Donc c'est pourquoi je voulais aller pour les liens.
    • Je l'ai fait! C'était exactement comme je le voulais: jsfiddle.net/fourroses666/Pq5Cv
    • Heureux de vous aider 🙂
    • De toute façon j'ai un js de conflit ou de quelque chose. Est-il possible d'utiliser votre script et faire la même chose que j'ai fait? Donc, avec une "intro".
    • - Je modifier ma réponse avec l'amélioration du code. En fait, vous utilisez : option = url.match(/option=(.*)/)[1] directement et si option est null, vous avez un message d'erreur.
    • Merci encore ! celui-ci fonctionne en effet. J'ai réussi moches façon de le faire avec les boutons de la version et certaines inline style (display:block / caché) mais je l'aime beaucoup mieux. C'est tellement plus facile en sachant js 🙁

    InformationsquelleAutor palmplam
  2. 0

    Prendre un coup d'oeil de ce Lien Comment masquer, afficher, ou passer votre div

    InformationsquelleAutor RA.