[js/jQuery] div hiden onclick() m.u.v. 1 item

[PdeBie]

hoi allen,

ik heb een label op mijn formulier die een div tevoorschijn tovert. Deze div wil ik verbergen op het moment dat ik ergens op pagina klik met uitzondering van een klik op het label .
Ik dacht dit te kunnen doen met de NOT operator, maar dit blijkt niet te werken. Iemand een idee?

HTML:

<script type="text/javascript" language="javascript">
    $(document).ready(function (event, args) {
        $('body').not($('#<%= OpenDiv.ClientID %> ')).click(function (event, args) { $('#divProperties').hide(); });
        $('#<%= OpenDiv.ClientID %> ').click(function (event, args) {
            $('#divProperties').show(); 
        });
    });    
</script>

<label id="OpenDiv" runat="server">OPEN DIV</label>

<div id="divProperties" style="display:none;">
    div properties
</div>

[Barryvdh]

Als je even wat alerts zet, zie je dat hij 2x aangeroepen wordt dan, eerst om te showen, dan om te verbergen.
Volgens deze Stackoverflow moet je event.stopPropagation(); gebruiken. (En html ipv body, omdat dat altijd 100% is.)
Voorbeeldje: http://jsfiddle.net/Pt2fb/2/

[PdeBie]

Van die alerts (ik gebruikte debugger i.c.m. Visual Studio) had ik gezien. Vandaar ook mijn vraag hier, omdat ik niet snapte waarom de NOT-operator niet werkte.

Je voorbeeld lijkt te werken in dit stukje testcode. Ga het nu in de applicatie zelf proberen.

[R4gnax]

pdebie schreef op woensdag 25 april 2012 @ 10:38:
Van die alerts (ik gebruikte debugger i.c.m. Visual Studio) had ik gezien. Vandaar ook mijn vraag hier, omdat ik niet snapte waarom de NOT-operator niet werkte.

De not operator is enkel een filter op de op dat moment reeds geselecteerde set elementen. Je kunt er geen nieuwe elementen mee selecteren. Dat had je makkelijk kunnen weten.

[Nibble]

Kun je geen functie schrijven binnen jQuery welke de div verbergt en deze binden aan het onblur event van het label?

[RSD]

Volgens mij is het ook beter om een div op height=0 te zetten ipv display: none, ivm compatibiliteit met oudere browsers.

[C0rnelis]

Welke browsers zijn dit dan wel volgens jou? display zit al in de CSS2 spec en die is al in de vorige eeuw gepubliceerd .