toggle() and display:

toggle() and display:

I'm having trouble understanding how the display: options work when you use the toggle function.

I have a form. With checkboxes next to an input field. If you uncheck the checkbox, the input field I want to disappear. You check it again and it reappears. Problem is with the css display: options. When the field re-appears using toggle() it comes back as display:block, and that throws off the design of the form. Even though I specifically set it as display:inline in my css to start out.

My understanding with show/hide and toggle() is that you should specify what you want your display: setting to be as it would revert to that once you wanted to show the element again. But even though I am doing that - it still comes back as display:block. Am I missing something else here?