有多个ul，判断lide数量是否超过5个，小于5个的话show隐藏

Question

 <div class="p">
            <ul>
                <li>111111111</li>
            </ul>
            <a href="" class="btn">show more</a>
</div>
<div class="p">
            <ul>
                <li>111111111</li>
                <li>111111111</li>
                <li>111111111</li>
                <li>111111111</li>
                <li>111111111</li>
                <li>111111111</li>
                <li>111111111</li>
                <li>111111111</li>
                <li>111111111</li>
            </ul>
            <a href="" class="btn">show more</a>
</div>

Answer 1

<script src="https://cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script>
<div class="p">
    <ul>
        <li>111111111</li>
    </ul>
    <a href="" class="btn">show more</a>
</div>
<div class="p">
    <ul>
        <li>111111111</li>
        <li>111111111</li>
        <li>111111111</li>
        <li>111111111</li>
        <li>111111111</li>
        <li>111111111</li>
        <li>111111111</li>
        <li>111111111</li>
        <li>111111111</li>
    </ul>
    <a href="" class="btn">show more</a>
</div>
<script>
    $('ul').each(function () {
        if ($('li:gt(4)', this).hide().length == 0) $(this).next().hide();
        else $(this).next().click(function () { $(this).prev().find('li:gt(4)').show();  return false})
    })
</script>