【自制】简易轻量化前端树菜单插件(基于jquery制作)

出于项目管理架构的需求，需要用到一个树菜单的功能，要求以树的形式分级展示具有明确上下级（祖先与后代）的内容，网络上有很多独立的或者基于jquery的树菜单插件，但由于插件过于复杂臃肿、使用起来相对复杂，学习成本高等原因，本人决定制作一个简易的轻量化易使用易学习的树菜单插件。欢迎前端coder使用，后附插件源码及下载链接，由于第一次制作基于jquery的插件，对插件机制及面向对象方面有很多不足之处，水平有限，敬请见谅。

插件效果图如下：（可以通过鼠标单击其中的“加号”、“减号”图标来展开、折叠下级菜单。）。

插件下载地址：点击打开链接(注：本插件基于jquery制作，使用前请先引入jquery文件)

插件js源代码：

/**
 * Created by liyanan on 2016/6/23.
 */
jQuery.fn.extend({
	treeview:function(options){

		//加载css文件
		var link=document.createElement('link');
		link.rel='stylesheet';
		link.type='text/css';
		link.href='http://ui.yidaochn.com/theme/plain/treeview/tree.css';
		var head=document.getElementsByTagName('head')[0];
		head.appendChild(link);

		$(this).addClass('ml-20 tc-black ts-13 pos-rel');
		var instance = this;

		var url=null;
		var dat=null;

		var shtml='';
		shtml += '<div>';
		shtml += '	<p class="pos-rel" id="tree-0">';
		shtml += '		<!-- 加减号（可点击）-->';
		shtml += '		<img class="clickEle plus root