Comment masquer et d'afficher le div de la ligne frontière dans mon cas?

J'ai un élément div:

<div id="fruit-part">
      <input type="radio" name="fruits" value="apple">Apple
      <input type="radio" name="fruits" value="orange">Orange
</div>

Mon css pour définir la div couleur de la bordure

#fruit-part {
     border: 1px solid #cc3;
}

En utilisant jQuery: $('#fruit-part').hide() et $('#fruit-part').show() je peux facilement cacher et montrer le contenu à l'intérieur de la div, MAIS pas le div de la ligne frontière.

Comme vous l'avez vu ci-dessus, mon div a une ligne de frontière avec la couleur "#cc3", je me demande comment faire pour utiliser jQuery également de masquer et d'afficher la div frontière?

InformationsquelleAutor Leem | 2011-09-19
  1. 5

    Déplacer vos propriétés CSS pour une classe, puis sur ajouter/supprimer cette classe de fruit-part.

    .bordered {
    border: 1px solid #cc3;
}

#fruit-part {}

    $('#fruit-part').addClass('bordered');
$('#fruit-part').removeClass('bordered');
    InformationsquelleAutor cheeken
  2. 3

    Utiliser le css méthode de JQuery:

    $("#fruit-part").css("border", "");
    • Oui, je l'ai utilisé, Ma question est en fait sur quelle valeur devrait être là? J'ai essayé 'none', il masquer la ligne de frontière, mais comment le montrer alors? J'ai essayé "solid #cc3", mais il montre de la ligne de frontière avec la couleur noire
    • Utilisation $("fruit-part").css("border", "1px solid #cc3"); pour montrer la frontière. Si vous n'aimez pas la chaîne vide pour cacher la frontière, à l'utilisation "0 none #fff";
    • J'ai utilisé, "1px solid #cc3" sur firefox, j'ai eu bordure noire de la ligne
    • Vous devez utiliser "1px solid #ccs" si vous voulez MONTRER à la frontière. Pour masquer complètement la frontière, à l'utilisation "0px none #fff". Pour garder la frontière, mais ne pas le montrer, utiliser "1px solid #fff" (en supposant que votre couleur d'arrière-plan pour être #fff).
    InformationsquelleAutor Rob W
  3. 2
    /* CSS */
.noborder { border: 0; }
//Hide border
$('#fruit-part').addClass('noborder');
//Show border
$('#fruit-part').removeClass('noborder');
    InformationsquelleAutor Artem Koshelev
  4. 0

    $('#fruit-part').css('border', ''); et $('#fruit-part').css('border', '1px solid #cc3');

    InformationsquelleAutor Jon Adams
  5. 0

    Vous pouvez simplement utiliser $('#fruit-part').toggle(); pour afficher et masquer l'ensemble de la div.

    Démo - http://jsfiddle.net/hNxQ5/

    InformationsquelleAutor marissajmc