回答編集履歴

1 HTML

yambejp

yambejp score 65867

2017/06/22 15:34  投稿

なにが正解かよくわからないですがおそらくこんな感じでしょうか?
```javascript
$(function(){
 $("#main-drop > li > p.accordion_icon").removeClass('active');
 $("#main-drop > li > ul").hide();
 $("#main-drop > li").on("click",function(){
   $(this).siblings("li").find('> ul').slideUp();
   $(this).siblings("li").find('> p.accordion_icon').removeClass('active');
   $(this).find('> ul').slideToggle();
   $(this).find('> p.accordion_icon').toggleClass('active');
 });
});
```  
 
```HTML  
<h2 class="moblie-drop-down-h2">Title</h2>  
<ul id="main-drop">  
 <li><p class="drop-title">Sample1</p><p class="accordion_icon"><span></span><span></span></p>  
 <ul class="sub-drop">  
   <li><a href="#"><p class="sub-drop_title">1</p><div class="arrow"></div></a></li>  
   <li><a href="#"><p class="sub-drop_title">1</p><div class="arrow"></div></a></li>  
 </ul>  
 </li>  
 <li><p class="drop-title">Sample2</p><p class="accordion_icon"><span></span><span></span></p>  
 <ul class="sub-drop">  
   <li><a href="#"><p class="sub-drop_title">2</p><div class="arrow"></div></a></li>  
   <li><a href="#"><p class="sub-drop_title">2</p><div class="arrow"></div></a></li>  
 </ul>  
 </li>  
</ul>  
</div>  
 
```

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る