.div1{
width: 200px;
height:200px;
background: paleturquoise;
display: none;
}
.div1:hover { box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1), -2px 2px 2px 2px rgba(0, 0, 0, 0.1); transition: box-shadow .3s ease; }
<div class="box">
<div class="div1"></div><buttton>点我啊</button>
<div class="div1" style="display:none"></div><button>点我啊</button>
</div>
<script>
$(document).ready(function() {
$("button").click(function() {
$(this).next('.div1').slideToggle("slow");
});
});
</script>
