开发者社区> 问答> 正文

jQuery写的下拉菜单响应异常。怎么写成正常的?

h1的点击下拉菜单页面载入时需要点击两下之后才会响应。
怎么写成正常的?即页面载入时第一次点击就响应。

<style>
h1{ margin:0; font-size:16px;}
.list{ width:200px;}
.list h1{ text-align:center; line-height:30px; background-color:#09F;}
.li{ height:200px; text-align:center; background:#0CF; display:block;}
</style>
<div class="list">
    <h1>列表头</h1>
    <a href="" class="li">列表项</a>
</div>
<script>
$(".li").hide()
$(".list h1").toggle(function(){
    $(this).next().hide();}, function(){$(this).next().show();
    })
</script>

展开
收起
小旋风柴进 2016-05-27 10:14:45 1660 0
1 条回答
写回答
取消 提交回答
  • $(".li").hide()
    $(".list h1").toggle(function(){
    
    $(this).next().show();}, function(){$(this).next().hide();
    })

    就是把toggle里show和hide换一下

    2019-07-17 19:17:10
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
现代Javascript高级教程 立即下载
《0代码搭应用》 立即下载
不止代码 立即下载