jQuery是一款流行的JavaScript庫(kù)，它可以幫助我們輕松地操縱HTML頁(yè)面，其中一個(gè)非常有用的功能就是通過(guò)li展開菜單。

$(document).ready(function () {
$('li').click(function () {
$(this).children('ul').slideToggle();
});
});

以上代碼意思是當(dāng)用戶單擊列表項(xiàng)時(shí)，該項(xiàng)下的子元素ul將展開或折疊。

為了讓代碼能夠?qū)嶋H起作用，必須在HTML中使用合適的結(jié)構(gòu)。下面是一個(gè)簡(jiǎn)單的例子：

<ul><li>菜單1
<ul><li>子項(xiàng)1</li><li>子項(xiàng)2</li></ul></li><li>菜單2
<ul><li>子項(xiàng)3</li><li>子項(xiàng)4</li></ul></li></ul>

在此HTML中，我們有一個(gè)包含兩個(gè)菜單的列表。當(dāng)用戶單擊任何一個(gè)菜單時(shí)，該菜單下的子元素將會(huì)展開或折疊。此時(shí)有意滑動(dòng)的菜單可以添加CSS樣式，就可以使它看起來(lái)更美觀。

綜上所述，jQuery的li展開功能是一項(xiàng)非常實(shí)用的技術(shù)，可以使網(wǎng)站菜單更加交互式和易于導(dǎo)航。我們可以使用上述代碼來(lái)快速實(shí)現(xiàn)該功能，但需要確保正確的HTML結(jié)構(gòu)作為前提。