아코디언 UI에서 append(추가)를 했는데, 추가 한 놈은 클릭해도 펼쳐지지가 않네요;;

디폴트로 원래 있던 놈 (클릭하면 접히고 펼쳐짐)

학력 추가 클릭해서 추가한 놈 (클릭해도 반응이 없음;;)

						<div class="accordion-list">
							<ul id="school_accordion">
								<!-- loop -->
								<li>
									<div class="stit" ><a href="#none">/a></div>
									<div class="detail">
										<div class="row">
											<dl class="size-medium02">
												<dt></dt>
												<dd>
													<div class="p-school">	
														<input type="hidden" title="학교id" id="school_id" />
														<input type="text" title="학교명" id="school_name" />
														<div class="school-list" id="school_list">
														</div>

													</div>	
												</dd>
											</dl>
											<dl class="size-small">
												<dt>전공</dt>
												<dd><input type="text" title="전공" /></dd>
											</dl>
											<dl class="size-medium02 a-date">
												<dt>재학기간</dt>
												<dd>
													<input type="text" title="" placeholder="2010.01" />
													<span class="dash"></span>
													<input type="text" title="" placeholder="2010.05" />
												</dd>
											</dl>
											</dl>
										</div>
									</div>
								</li>
								<!-- //loop -->
							</ul>
						</div>

		//accordion
		accordion : function(){
			var titTarget = $('.accordion-list .stit > a'); 
			titTarget.on('click',function(){
				if($(this).parent().hasClass('on')){
					$(this).parent().removeClass('on');
					$(this).closest('li').find('.detail').slideUp(200);
				}else{
					$(this).closest('.accordion-list').find('.stit').removeClass('on');	
					$(this).closest('.accordion-list').find('.detail').slideUp(200);	
					$(this).closest('li').find('.stit').addClass('on');
					$(this).closest('li').find('.detail').slideDown(200);
				}
			})
			$('.accordion-list > ul > li:first-child .stit').addClass('on')
			$('.accordion-list > ul > li:first-child .detail').slideDown(200)
		},