显示隐藏

.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>