Ausblenden eines DIV, wenn ein anderes DIV-Element existiert, auf Seite

Habe ich die Suche-Seite mit einem div an (#A), wenn ich eine Suche, habe ich ein weiteres div-Element auf der Seite angezeigt werden (#B), jedoch glaube ich nicht, jemals wollen, dass die beiden divs auf der Seite der gleichen Zeit.

Wie kann ich code es so, dass wenn #B vorhanden ist, #Eine versteckt ist? Verwende ich die jQuery .Länge-Attribut??

  • Können Sie nach dem code, den du hast, so weit in jsfiddle?
  • Wenn Sie beide auf der gleichen Ebene in der DOM-Sie sollten in der Lage sein, etwas zu verwenden, wie #B ~ #A {display:none;}
InformationsquelleAutor Sam Skirrow | 2013-06-04
  1. 2

    Können Sie Gebrauch machen von length:

    //if B exist...
if($('#B').length){
   $('#A').hide();
}

    Lebendiges Beispiel: http://jsfiddle.net/4P9Hq/

    InformationsquelleAutor Alvaro
  2. 3

    Können Sie jQuery verwenden, um überprüfen Sie die css-Zustand der div, ie, ob es display:none oder display:block

    var aVisible = $('#divA').css('display');
if (aVisible == 'block') {
//Put your code here to hide DivA
}
    InformationsquelleAutor JasonBigs
  3. 2

    Können Sie toggle() ein element, indem ein bool in die Sie als ein argument. Dies, kombiniert mit der Kontrolle, wenn das element :hidden funktionieren würde.

    jsFiddle

    $('#A').toggle($('#B').is(':hidden'));

    ODER überprüfung der Existenz mit length

    jsFiddle

    $('#A').toggle(!$('#B').length);
    InformationsquelleAutor Gabe
Schreibe einen Kommentar