如果使用ul标签，为什么不能向上滑动？

Question

当页面加载后，我想拉/滑我的Html“ p”标签。

此jQuery代码可以正常运行，并且可以做到这一点：

$(function () {
    $('.graybgc').slideUp(0);
});

HTML：

<p class="graybgc">
    <span>A: </span>abcd.....
</p>

但是，当我放置ul之类的标签时，它不起作用，也不会拉起HTML p标签。

 <p class="graybgc">
       <span>A: </span>
          <ul >
            <li>123</li>
             <li>123</li>
          </ul>
</p>

Answer 1

您不能将ul标记放在p标记内。 请检查HTML规范 。

这是一个使用div标签的工作示例（JSFiddle： https ://jsfiddle.net/Hulothe/sa09gu46/）：

 $('.graybgc').on('click', function() { $(this).slideUp(0); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="graybgc" > <span>A: </span> <ul> <li>123</li> <li>123</li> </ul> </div> 

Answer 2

使用<DIV>代替<p>

<div class="graybgc">
       <span>A: </span>
          <ul >
            <li>123</li>
             <li>123</li>
          </ul>
</div>

Answer 3

 $('.graybgc').on('click', function() { $(this).slideUp("slow"); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="graybgc" style="background:red" > <span>A: </span> <ul> <li>123</li> <li>123</li> </ul> </div>