Jquery實作控制項的隱藏與顯示實例_jquery

複製代碼代碼如下：

UBL "-/ DTD XHTML 1.0 過渡//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



jquery

.big{ 字型大小: 30px;顏色:#FF0000;}

風格>

$(function(){
$('#click_event').click(function(){
 $('#click_event').html('');
if($( '#hidden_​​enent').is(':hidden'))
{
 $('#hidden_​​enent').show();
 $('#click_event'). html('隱藏') ;
}
else
{
 $('#hidden_​​enent').hide();
 $('#click_event').html( '顯示');
 }
})

})

隱藏

測試隱藏