首页 > 代码库 > 点击上拉下拉效果

点击上拉下拉效果

技术分享

技术分享

html代码:
<ul class="jLIst">
<li class="one clearfix">
<div class="left">08</div><div class="center">交易时间每天有几个小时?</div><div class="sj"></div>
</li>
<li class="oneHide">
4个小时;周一至周五:上午09:00-11:30;下午13:30-15:00</td>
</li>
</ul>
js代码:
$(".lie ul .one").click(function(){
    if($(this).next().css("display")=="none"){
$(this).children(".sj").css("background-image","url(image/introduce/t.png)");
$(this).next().show();
}else{
$(this).children(".sj").css("background-image","url(image/introduce/b.png)");
$(this).next().hide();
}
});

 

点击上拉下拉效果