How to assign div 2 display properties?

Question

I want to assign a div 2 display properties, I'm not sure what the correct syntax is...

#div2 {
  display:none;inline-block;
 }

What is the correct way to do this?

UPDATE:

#div2 {
  display:none;
 }

$(function() {
  $("#div1").mouseover(function() {
    $("#div2").css('display', 'inline-block');
  }).mouseout(function(){
    $("#div2").css('display', 'none');
  });
});

Answer 1

You can only set one value at a time to the display property. In this case, the display: none will cause the div to not be rendered at all, so the inline-block would be totally irrelevant here.

I assume you want to somehow toggle the visibility using javascript. This requires you to toggle the display property between none and inline-block. As I said, you can always just have one value here.