文章目录扩展默认的 CSS 代码

WPJAM Basic 的文章目录扩展，很多人用了之后，为了适应自己的主题，就修改 CSS 代码，但是一不小心改错了，显示不正确，人生就那么悲催，哈哈。

那么这里提供一下默认的 JS 代码和 CSS 代码，让你可以恢复到默认。

文章目录扩展默认的 CSS 代码

新版的浏览器已经支持 CSS 嵌套了，如果你要支持旧的浏览器，你可以把这段代码发给 AI，让他帮你整理成非嵌套的：

details#toc, .widget_toc{
	&#toc{
		padding:9px;
		margin-bottom:20px;
		border:1px solid var(--border-color);
		border-radius:6px;

		> ul{margin:0;}
	
		summary{
			margin-bottom:4px;
			border-bottom:1px solid var(--border-color);
			padding-bottom:4px;
			font-weight:600;
			cursor:pointer;
		}
	}

	ul{
		margin:0 0 0 10px;
		list-style:none;

		li{margin:2px 0;}

		&:has(ul){
			> li:not(:last-child){margin-bottom:6px;}
		}
	}
}

文章目录扩展默认的 JS 代码

新版不需要 JS 了，所以这段代码也就不用了。

jQuery(document).ready(function(){
	jQuery('#toc span').on('click',function(){
		if(jQuery('#toc span').html() == '[显示]'){
			jQuery('#toc span').html('[隐藏]');
		}else{
			jQuery('#toc span').html('[显示]');
		}

		jQuery('#toc ul').toggle();
		jQuery('#toc small').toggle();
	});
});