[עזרה] קטנה ב jquery

[-roee-]

היי
יש משהו שאני שובר עליו את הראש כבר שעתיים.

יש לי תיבת select שבה class="expand_all"
<select> מי שלא הבין


המטרה בעיקרון היא לסגור את כל ה div ים הפתוחים (שהם class="content_area"), כלומר לשנות להם את ה visibility ואת ה display.
הדגש הוא שיעשה את זה רק לאחר שהמשתמש עוזב לגמרי את תיבת ה select, ולא שהוא עדיין נמצא בתוכה.

למעשה הקוד הקטן שלי לדבר הנ"ל הוא למעשה:

PHP קוד:

jQuery(document).ready(function() {


  jQuery(".expand_all").click(function()
  {
    jQuery(".content_area").hide();
  });
}); 


והקוד למעשה עושה את זה בצורה טובה, הבעיה היא שהוא עושה את זה כשהמשתמש נמצא עדיין בתוך ה select ולא יצא ולא בחר. כל הקטע זה לעשות את השינוי הזה רק לאחר שהמשתמש עוזב לגמרי את ה select.

וכאן נקעתי.
פשוט לא מצליח לשנות את זה.
כשבקוד של jquery רשום .click מדובר בקליק הראשון שהוא נכנס לתיבת select ולא לקליק שמוציא אותו ממנה.. יש דרך למצוא את הקליק השני?

תודה רבה

[Liorl]

http://jsbin.com/iviqod/4/edit

תהנה

[-roee-]

תודה אך לא רלוונטי

הסתדרתי. אפשר לנעול.

[אדיר]

למה אתה כל כך לחוץ על לנעול? אולי תפרסם את מה שעשית ותקבל כאן תגובה עם פתרון טוב יותר?

כדי לזהות איבוד פוקוס מהתיבה אתה יכול להאזין לאירועים focusout ו/או blur,
כדי לזהות שינוי ערך בתיבה אתה יכול להאזין לאירוע change.

click לא מתאים במקרה הזה ולא נכון להשתמש בו.