hi guys i did a jquery for when i click in check box hide and unhide a div.

if somebody select the checkbox appear the div (I HAVE THAT)

 i want when the checkbox is unselect appears another div.  any ideias?

jquery:

$(document).ready(function(){
$('input[type="checkbox"]').click(function(){
if($(this).attr("value")=="red"){
$(".red").toggle();
}
});
});

html:

<label><input type="checkbox" name="colorCheckbox" value="red"> red</label>
<div class="red box">You have selected <strong>red checkbox</strong> so i am here</div>

css:

.box{
padding: 20px;
display: none;
margin-top: 20px;
border: 1px solid #000;
  }

thank you.