开发工具与关键技术：Dw开发 JQuery
作者：回忆中贤
撰写时间：2019-01-17

input标签 加文字来隐藏、显示div 当点击文字时,选中input，选中input就可以隐藏或显示，下面我们两用两个input标签来隐藏或显示，

JQuery

 $(function () {
 //点文字获取checked选中input标签
	$("#BBQ_S").click(function () {
	     $("#id")[0].checked = true;
	  });
 //点文字获取checked选中input标签
   $("#BBQ_a").click(function () {
        $("#ids")[0].checked = true;
     });
 //点击文字隐藏一个div再显示出一个div
   $("#BBQ_a").click(function () {
        $("#BBQ_table").css('display', 'none')//隐藏
        $("#BBQ_None").slideDown(1000);
    });
    //点击文字显示一个div再隐藏出一个div
    $("#BBQ_S").click(function () {
        $("#BBQ_table").slideDown(1000);
        $("#BBQ_None").css('display', 'none')//隐藏
    });
});

html.

<input type="radio" name="a" id="id" /><samp id="BBQ_S">文字1</samp>
<input type="radio" name="a" id="ids" /><samp id="BBQ_a">文字2</samp>
<div id="BBQ_table"></div>
<div id="BBQ_None"></div>