Activer / désactiver la Visibilité en JQuery

Je peux le faire en JS, mais je suis au début de l'utilisation de JQuery et préfèrent développer des compétences pour cela.

J'ai un message de rappel [#CheckboxReminder] "Cochez cette case pour indiquer que vous avez vérifié vos données".

Je veux cacher le message de rappel lorsque la case à cocher [#IsConfirmed] est cochée, et de le restaurer à l'état d'origine si elle est alors désactivée.

La page sera affiché avec le message de rappel ensemble d'une classe d'Visibles ou Cachés; si l'utilisateur a récemment marqué leurs données comme "vérifié" le message sera caché (mais l'utilisateur est invité à cocher la case de nouveau s'ils le souhaitent)

Je crois que JQuery toggle() peut le faire, mais j'ai lu qu'il dépend de la façon dont la #CheckboxReminder style est défini pour indiquer la visibilité, et j'ai aussi lu que Toggle() pourrait sortir de la synchronisation avec #IsConfirmed Case - par exemple, rapide en double-cliquant. Je devrais peut-être toggle(FunctionA, FunctioB) et ont FunctionA activez la case à cocher de l'état, et FunctionB unset il - plutôt que de laisser la souris, Cliquez sur?

Quelle est la meilleure manière de coder il vous plaît?

En cas d'utile ici un exemple de ce que le HTML peut ressembler à:

<p>When the data above is correct please confirm 
    <input type="checkbox" id="IsConfirmed" name="IsConfirmed"> 
    and then review the data below</p>
...
<ul>
<li id="CheckboxReminder" class="InitHide OR InitShow">If the contact details
    above are correct please make sure that the CheckBox is ticked</li>
<li>Enter any comment /message in the box above</li>
<li>Then press <input type="submit"></li></ul>
Il semble que vous ne souhaitez pas utiliser un interrupteur à bascule, mais il suffit de régler la visibilité de la relance basée sur si oui ou non la case à cocher est cochée.
L'Attraction de la BASCULE() est qu'il se souvienne de l'état initial et du deuxième appel de réinitialisation (plutôt que de simplement rendre visible). Au moins, c'est ce que je pensais, j'ai lu que toggle() l'a fait!!

OriginalL'auteur Kristen | 2010-01-31

  1. 9

    Il suffit de vérifier si la case a en effet changé de valeur, avant de montrer/cacher le message.

    $('#isConfirmed').click(
  function(){
    if ( $(this).is(':checked') )
      $('#CheckboxReminder').show();
    else
      $('#CheckboxReminder').hide();
  }
);

    Ci-dessus le feu à chaque fois la case à cocher est cliqué, mais depuis que nous avons d'abord vérifier si la case est en effet coché ou non elle permettra d'éviter faux positifs.

    Merci. Ne pas MONTRER que #CheckboxReminder - même si son état initial a été caché?
    Ah ... ont maintenant lire JQUery DOCs pour show "[show()] est à peu près équivalent à l'appel .css('display', 'block'), sauf que l'affichage de la propriété est restauré à tout ce qu'elle a d'abord été". Parfait.

    OriginalL'auteur Gabriele Petrioli