Jquery - How to get the "none / block" style display attribute

Question

Is there a way to get a style: display attribute that either won't or is locked?

DIV:

<div id="ctl00_MainContentAreaPlaceHolder_cellPhone_input_msg_container" class="Error cellphone" style="display: block;"> <p class="cellphone" style="display: block;">Text</p> </div> 

I know there is a way to find out if the DIV is hidden or not, but in my case this div is dynamically entered, so it always shows as visible false, so I can not use it:

 $j('.Error .cellphone').is(':hidden') 

I can get the result of "display: block" using:

 $j('div.contextualError.ckgcellphone').attr('style') 

Is there a way to get only the value "block" or "none" or is there a better / more efficient way to do this?

Answer 1

You can try:

 $j('div.contextualError.ckgcellphone').css('display') 

Answer 2

If you are using jquery 1.6.2 you only need code

 $('#theid').css('display') 

eg:

 if($('#theid').css('display') == 'none'){ $('#theid').show('slow'); } else { $('#theid').hide('slow'); } 

Answer 3

this is the correct answer

 $('#theid').css('display') == 'none' 

You can also use the following line to determine if it is a display block or none

 $('.deal_details').is(':visible') 

Answer 4

My answer

 /** * Display form to reply comment */ function displayReplyForm(commentId) { var replyForm = $('#reply-form-' + commentId); if (replyForm.css('display') == 'block') { // Current display replyForm.css('display', 'none'); } else { // Hide reply form replyForm.css('display', 'block'); } }