定義和用法
:visible 選擇器選取每個當前是可見的元素。
除以下幾種情況之外的元素即是可見元素:
- 設置為 display:none
- type="hidden" 的表單元素
- Width 和 height 設置為 0
- 隱藏的父元素(同時隱藏所有子元素)
語法
$(":visible")
$(document).ready(function() {
$('#faq').find('dd').hide().end().find('dt').click(function() {//end()為結束前面處理函數,返回到最初的元素
//解釋:用end()結束find(dd)的hide(),並將find(dt)作用到最初的#fap上
var answer = $(this).next();//next()為此元素的下一個元素,可以再加上.next()表示下下一個元素,以此類推
if (answer.is(':visible')) {//如果ANSWER 為可見,:visible是可見的意思,相關用法還有:hidden(隱藏),:first(第一個),:last(最后一個)
answer.slideUp();//隱藏
} else {
answer.slideDown();//顯示
}
});
});