html中li标点为什么动不了,html Li标签中的textarea标签无法获得焦点。

1.用jquery写一个问卷，有一道题是如果选了这道题的某个选项 那么这个选项会被打钩并且会出现一个输入框供用户输入描述，如下图：

再次点击这个选项则输入框消失，选项收起，我用的是Li标签，给Li标签绑定点击事件，如果被点击那么插入一个textarea标签，但是这时候被插入的textarea标签无法获得焦点，我想点击这个选项后点击输入框输入文字，但是选项被收起了，相当于触发了Li的点击事件，我的解决方法如下：

$(".type-2 li").bind("click",function(e){

if(e.target.nodeName.toLowerCase()=='textarea'){

e.target.focus();

return false;

}

if($(this).hasClass("selected")) {

$(this).removeClass("selected").children("i").remove().children("textarea").remove();

$(this).children("textarea").remove();

}else {

$(this).addClass("selected").append(

$("").addClass("iconfont icon-select-answer animated slow infinite")

).append("");

}

)};

即如果点击的是输入框那么return false，不让其触发li的点击事件，但是感觉不是正规解法，请问应该怎么解决这种问题，把return false换成stopPropgation阻止冒泡阻止触发li的点击事件为什么没用？