为了账号安全,请及时绑定邮箱和手机立即绑定

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title></title>

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

</head>

<body>

    <ul>

        <li>1</li>

        <li>2</li>

        <li>3</li>

        <li>4</li>

        <li style="display:none">5</li>

        <li style="display:none">6</li>

        <li style="display:none">7</li>

        <li>8</li>

    </ul>

    <a href="#">更多</a>

    <script type="text/javascript">

$('a').click(function(){

if($('a').html() == '更多'){

$('li:eq(3)~li').show();

$('a').html('精简');

}else{

$('li:eq(3)~li').hide();

$('a').html('更多');

}

})

</script>

</body>

</html>


正在回答

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154699    人
  • 解答问题       7289    个

加入课程学习,有效提高前端开发速度

进入课程
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号