列表中新增下拉列表

var show = false;
$(".J_planning").click(function(){

var subjectId=$(this).attr("data-id");

if($(this).parents('.nomal-li').hasClass('actColor')){

}else{
show= false;
}
$(".column-info-ul li").removeClass("actColor");
$(this).parent().parent().addClass("actColor");
/* console.log(subjectId) */;
console.log(1)
$('.li-notice').remove();
console.log(2)

if(!show){
var li =document.createElement("li");
li.classList.add('li-notice');
li.innerHTML = '<div class="column-box">'+
'   <p class="column-info-content">'+
' '+
' </p>'+
' '+
' <c:if test="${!domain.istodraftrequest}">'+
' <div class="info-tit-li">'+
' 投稿要求:'+
' </div>'+
' <ul class="info-li-content">'+
' </ul>'+
' </c:if>'+
' </div>';
console.log([Math.floor(Number($(this).parents('.nomal-li').index()+1)/4+1)*4-1]);
console.log(($('.nomal-li').length-Number($(this).parents('.nomal-li').index()+1))/4);
if(Number($(this).parents('.nomal-li').index()+1)%4 == 0 && ($('.nomal-li').length-Number($(this).parents('.nomal-li').index()+1)%4 != 0)&&Math.floor(Number($(this).parents('.nomal-li').index()+1)/4+1)*4-1 <= $('.nomal-li').length){
$('.nomal-li')[Math.floor(Number($(this).parents('.nomal-li').index()+1)/4)*4-1].after(li); 
}else if(Number($(this).parents('.nomal-li').index()+1)%4 != 0 && ($('.nomal-li').length-Number($(this).parents('.nomal-li').index()+1)%4 != 0)&&Math.floor(Number($(this).parents('.nomal-li').index()+1)/4+1)*4-1 <= $('.nomal-li').length){
$('.nomal-li')[Math.floor(Number($(this).parents('.nomal-li').index()+1)/4+1)*4-1].after(li); 
}else if(Math.floor(Number($(this).parents('.nomal-li').index()+1)/4+1)*4-1 > $('.nomal-li').length){
$(".column-info-ul").after(li);
}

}


if(!show){
console.log('显示')
$(".li-notice").slideDown("slow",function(){
show = true;
console.log(show)
});
console.log(show)
}else{

console.log('隐藏')
show = false;
console.log(show)
console.log(show)
}

})