这种下拉怎么实现比较好

Question

我想实现这种下拉效果，不知道怎么实现比较好

Answer 1

一个固定高度的div，默认隐藏，在点击上方tab的时候显示出来。里面放那些二级标签。

Answer 2

<div class="tap">
    <div class="titie">产品类型</div>
    <p class="item">产品类型</p>
    <p class="item">产品类型</p>
    <p class="item">产品类型</p>
    <p class="item">产品类型</p>
    <p class="item">产品类型</p>
</div>

• 样式应该自己去写吧。

• 静态的写好之后，就可以通过js遍历数组的方式动态渲染了....

Answer 3

如题主所问，这种下拉采用div和select结合来做比较好一点，既可以有select下拉框的效果，又可以自己设置漂亮的外观。思路是通过div来设置样式，然后将其定位在select上面（两者重叠，select在上，透明度opacity设置为0；），实现实际点击的是select,但看到的是div的样式，希望能帮到你！

Answer 4

参考一下某宝的列表看看样式就可以了