JQuery cacher Classe si d'autres classe est visible ou montré

Trouvé des questions similaires, mais rien de ce que couvre exactement ce dont j'ai besoin. J'ai gardé les choses simples dans mon exemple et je veux utiliser JQuery.

J'ai deux classes. Je veux cacher le "filtre" div si la "catégorie" div est indiqué sur la page de la charge. Il n'existe actuellement AUCUNE styles associés avec de la classe. Je crois que je suis assez proche, mais il ne fonctionne pas.

<script language="text/javascript">
if(!$(this).hasClass("category")){
$('filter').css('display', 'none');
}
</script>

<div class="category">By Category</div>
<div class="filter">By Custom Filter</div>

Merci d'avance!

C'est que votre code exact? this ne va pas de référence .catagory sauf que le code est dans un gestionnaire de quelque sorte.
Merci beaucoup les gars, malheureusement je ne peux toujours pas l'obtenir pour fonctionner correctement. Lorsque je charge la page, je ne devrais PAS être en mesure de voir le "Filtre Personnalisé" texte..et je le fais encore. Quelque chose doit m'échapper d'ici.
Juste pour être sûr, avez-vous ajouter jQuery sur votre site? Le code devrait ressembler à quelque chose comme: <script src="/js/jquery-1.3.2.min.js" type="text/javascript"></script>.
Oui, j'ai ajouté l'url complète ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js dans l'en-tête. Je suis aussi de placer le script dans l'en-tête et les divs dans le corps. Essayé sous IE et FireFox, par exemple, montre que le texte "Par Filtre Personnalisé".

OriginalL'auteur ToddN | 2010-11-30

  1. 4

    Utilisation .length pour tester si un élément est présent.

    Utilisation .hide() & .show() pour afficher et masquer des éléments.

    Et enfin, vous voulez que le code fonctionne seulement quand la page a fini de charger, vous voulez donc envelopper le tout dans $(document).ready().

    Donc quelque chose comme cela devrait mieux fonctionner:

    <script language="text/javascript">
    $(document).ready(function() {
        //following code will hide all elements with a class of 'filter'
        //if any elements with a class of 'category' are found
        if($('.category').length){
            $('.filter').hide();
        }
    });
</script>

<div class="category">By Category</div>
<div class="filter">By Custom Filter</div>

    HTHs,

    Charles

    Vous avez le droit de concept, exactement ce que je cherche à accomplir, cependant je ne peux pas le faire fonctionner. Peut-être que mon JQuery lien est mauvais: src="ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"? Des idées?
    Ce qui a résolu mon problème merci! Pour une raison quelconque, le JQuery, j'ai été en les reliant à ne fonctionnait pas.

    OriginalL'auteur Charlino

  2. 2

    De changer le sélecteur de $('.filter')

    OriginalL'auteur CD..

  3. 2
    var $filter = $(".filter");
var $category = $(".category");

$category.is(":visible") ? $filter.hide() : $filter.show();

    OriginalL'auteur Šime Vidas

  4. 0

    jQuery

    $('div').each(function() {
    if ($(this).hasClass("category")) {
        $('.filter').css('display', 'none');
    }
});

    ou tout simplement:

    if ($('.category').length) {
    $('.filter').css('display', 'none');
}

    OriginalL'auteur tinifni

  5. 0
     <div class="category">By Category</div>
 <div class="filter">By Custom Filter</div>

    En supposant par "indiqué sur la page de la charge" tu veux dire que rendus et ne pas l'afficher/masquer la visibilité.

    $('.category').each(function(){
    $('.filter').hide();
});

    OriginalL'auteur Robin Maben