Bring up a div to click and hover with jquery
<p>When I do a hover or click on the class = "img-1", I want to bring up the class = "block 1" and hide the class = "block-default". Also, I want to  make the default block reappear when there is no action. </p>

<pre><code>&lt;style&gt;
.bloc{
width: 300px;
height: 300px;
position: absolute;
}

.bloc:nth-child(1){
background-color: #003169;
}

.bloc:nth-child(2){
background-color: #00A8FF;
}

img{
float:right ;
}
&lt;/style&gt;

&lt;body&gt;
&lt;div class="Bloc"&gt;
&lt;div class="bloc"&gt;Bloc-1&lt;/div&gt;
&lt;div class="bloc"&gt;Bloc-2&lt;/div&gt;
&lt;div class="bloc"&gt;Bloc-defaut&lt;/div&gt;
&lt;/div&gt;

&lt;div class="img"&gt;
&lt;img class="img-1"  title="image-1" src="" /&gt;
&lt;img class="img-2" title="image-2" src="" /&gt;
&lt;/div&gt;
&lt;/body&gt;
</code></pre>