jq判斷元素是否隱藏

//第一種
$('.class').css('display')=='none'
//第二種,注意加冒號，:visible
$('.class').is(':visible')
//判斷元素是否是某個class
$('.class').is('on')

$('.box p').click(function(){
            //判斷元素是否隱藏
            //第一種  $('.txt').css('display')=='none'
            //第二種  $('.txt').is(':visible')
            // if($('.txt').is(':visible')){
            var display=$('.txt').css('display')
            if(display=='none'){
                $('.txt').show()
                $(this).addClass('red')
                $('.txt').addClass('blue')
                /********************如果在js里面放樣式的話，在關閉的時候，樣式不會移除,所以不要在js里面加樣式***********************************/
               /* $('.red').css({
                    'color':'red',
                    'fontSize':'20px'
                })
                $('.blue').css({
                    'color':'blue',
                    'fontSize':'10px'
                })*/

            }else{
                $('.txt').hide().removeClass('blue')
                $(this).removeClass('red')
                $('.txt').removeClass('blue')


            }
        })