끄적대기

$(document).ready(function($) { var itemList = $('#InfoShow > .list > li'); itemList.on('click', function(){ var idx = $(this).index(); itemList.each(function(i){ itemList.eq(i).find('img').attr('src',itemList.eq(i).find('img').attr('src').replace('_on', '_off')); }); $(this).find('img').attr('src', $(this).find('img').attr('src').replace('_off', '_on')); $('.infoBox').removeClass('on').eq(idx).addClass('on'); });

jQuery(function(){ var btn = $(".tabList li"); var list = $(".tabBox"); list,btn.each(function(i){ var idx = i-1; $(this).click(function(){ list.css("display","none").eq(idx).css("display","block"); if(btn.hasClass("on")){ btn.removeClass("on") } btn.eq(idx).addClass("on"); }); idx++; }); }); <ul class="tabList" id="tab"> <li class="">menu01</li> <li class="">menu02</li> <li class="">menu03</li> <li class="">menu04</li>  </ul> <div class="subCont"> <div class="tabBox" style="display:block">텝1</div> <div class="tabBox">텝2</div> <div class="tabBox">텝3</div> <div class="tabBox">텝4</div>   <...

<script type="text/javascript"> function tabSwap(sw) {  for (i = 1; i < 4; i++) {   if (sw == i) {     document.getElementById('tab01_0'+i).style.display='';   } else {    document.getElementById('tab01_0'+i).style.display='none';   }  } } </script> <div id="tab01_01" style="display:none"'>   <ul>    <li style="float:left;width:100px;"><a href="javascript:tabSwap('1')" onfocus="this.blur()">1</a></li>    <li style="float:left;width:100px;"><a href="javascript:tabSwap('2')" onfocus="this.blur()">2</a></li>    <li style="float:left;width:100px;"><a href="javascript:tabSwap('3')" onfocus="this.blur()">3</a></li>   </ul>   <div style="border:1px solid #000;width:300px;height:300px;clear:both;"...