jQuery裡提供了show()及hide()用來顯示或隱藏元素,另外有toggle()可以用在顯示與隱藏間來回切換,但是我很常用的一個情境是要依據某個條件來決定顯示與否,由於show()、hide()分了兩個函數,而toggle()又是依原來的狀態決定要改成隱藏或顯示,逼得我只好寫成:
//方法1
if (someCondition)
$("#someDiv").show();else
$("#someDiv").hide();//方法2
$("#someDiv").css("display", someCondition ? "block" : "none");
$("#someDiv")[someCondition ? "show" : "hide"]();