回答編集履歴

1 調整

yambejp

yambejp score 62902

2017/01/30 13:35  投稿

いちおう読んだまま書きます
```javascript
<script>
$(function(){
 $('.glovalNavi').hide();
 $('#btn img').on('click',function(){
   var reg=new RegExp('^(.+_)(.+)(\.png)$');
   var reg=new RegExp('^(.+_)(off|on)(\.png)$');
   if(r=$(this).attr('src').match(reg)){
     $(this).attr('src',r[1]+(r[2]=='off'?'on':'off')+r[3]);
     $('.glovalNavi').toggle(r[2]=='off');
   }
 })
});
</script>
<div class="hoge">
<ul>
 <li id="btn"><img src="btn_off.png"></li>
</ul>
</div>
<div class="glovalNavi">
<ul>
 <li><a href="">メニュー1</a></li>
 <li><a href="">メニュー2</a></li>
</ul>
</div>
```

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