ယူနီကုဒ် စမ်းသပ်ခြင်း
ဟဲလို နေကောင်းကျန်းမာပါစေရှင့်။ ယူနီကုဒ်ဖြင့်ရေးသားခြင်း ဖြစ်ပါတယ်။ မှန်မမှန်စစ်ဆေးနေပါတယ်။ ဇော်ဂျီဖြင့်လုံးဝရေးသား၍ မရပါ။ ရေးသားပါက မှားပါတယ်။ ကြည့်လို့မရပါရှင့်။
သာယာသောနေ့လေးဖြစ်ပါစေရှင့်။
အားလုံးဖတ်ရှုပေးကြတာကို ကျေးဇူးအထူးတင်ရှိပါတယ်ရှင့်။
နောက်မှ ပြန်လည်ဆုံတွေကြပါမယ်ရှင့်
အားလုံးကို နှုတ်ဆက်ပါတယ်ရှင့်

Testing Unicode So Unicode
you can write unicode font. no zawgyi
Haha

SEE YOU LATER
HAVE A NICE DAY
SWEET DREAMS

အနီအကွက်ထဲက ကုဒ်လိုင်း အသစ်ကို ထည့်ပါမယ်။ ၎င်းကုဒ်က ဘယ်လို အလုပ်လုပ်လဲဆိုရင် document ကို click နှိပ်ရင် ဆိုပြီး ရေးထားတာပါ။ function(e) ဆိုတဲ့ အထဲက e ဆိုတာ event ကို ပြောတာပါ။ နောက်တစ်လိုင်းကတော့ document ထဲက ဘယ်နေရာကိုနှိပ်နှိပ် function က အလုပ်လုပ်နေမှာပါ။ အဲ့အတွက် if Condition တစ်ခု ခံထားပါတယ်။ e.target ဆိုတာ ကိုယ်နှိပ်လိုက်တဲ့ element ကို ပြောတာပါ။ .closest ဆိုတာ နှိပ်လိုက်တဲ့နေရာရဲ့ parent တွေမှာ .menu_container class name ပါတဲ့ element ရှိလားလို့ condition စစ်ထားတာပါ။ .length == 0 ဆိုတာ တစ်ခုမှ မရှိခဲ့ရင် ul li div ဆိုတာ Drop-Down Menu အားလုံးကို ဖျောက်မယ်လို့ ပြောတာပါ။ အဲ့အတွက် user က menu နေရာကလွဲလို့ အခြားနေရာ ဘယ်နေရာနှိပ်နှိပ် Drop-Down Menu ကို ဖျောက်မယ်လို့ ပြောတာပါ။
အခုဆိုရင်တော့ ကိုယ်လိုချင်တဲ့ Drop-Down Menu လေးက ပြီးပြည်စုံတဲ့ ကုဒ်လေး ရရှိပြီ ဖြစ်ပါတယ်။ အဲ့ကုဒ်မှာဆိုရင် .hide(), .show() နေရာမှာ class နဲ့ display: none; တို့ display:block; တို့နဲ့ ကစားလို့ ရပါတယ်။
လုပ်ဆောင်ပုံ အဆင့်ဆင့်အတိုင်း လုပ်ကြည့်ပါက အဆင်ပြေမယ်လို့ ထင်မိပါတယ်။ ကုဒ် တစ်လိုင်းချင်းစီကို နားလည်လာရင် Menu အဖွင့် အပိတ်ကို ကောင်းကောင်း ရေးနိုင်လာပါလိမ့်မယ်။ အခုလို ဖတ်ရှုပေးတဲ့ အတွက် ကျေးဇူးတင်ပါတယ်။

Code အပြည့်အစုံကို အောက်ပါ Link မှ ရယူပါ။
https://github.com/spiceworksmyanmar/basic_coding_dropdown_menu_using_jquery/blob/master/index.html