GrandmasterA: "body onclick -> aus" kollidiert mit "a onclick -> ein"

Beitrag lesen

Hallo zusammen,

ich habe ein DIV-Layer, das bei onkeyup in einem Suchfeld eingeblendet wird und per AJAX Suchergebnisse anzeigt. Um es auszublenden, habe ich im <body>-Tag ein onclick-event, das es ausblendet. Funktioniert soweit gut.

Jetzt möchte ich im selben DIV Inhalte einblenden, indem ich auf ein Icon clicke, das sich ebenfalls im Body befindet. Allerdings klappt das nicht, da quasi Einblenden und Ausblenden gleichzeitig stattfindet (Einblenden durch click auf das Icon und gleichzeitig Ausblenden da sich das Icon im Body befindet).

Wenn ich testweise das Icon mit onmouseover belege, klappt es. Also liegt es am onclick bzw. der Kollision.

Hat jemand eine Idee, wie ich das umsetzen kann, so dass ich auf das Icon klicke und das DIV sichtbar wird und irgendwo auf den Body, um es auch wieder auszublenden?

Gruß,
Andreas