안녕하세요..
작업을 하다가 자바스크립트에서 막혀서 질문드립니다.
텝메뉴를 클릭하면 그 해당 내용이 나오게 하려는데요.
클릭할시 탭메뉴이미지가 on이미지로 바뀌면서 텝에 해당되는 내용으로나오게 하고싶습니다.
텝메뉴는 h4태그로 작업했고 탭이 4개고 4개중 하나만 보이게하고 나머지 3개의 내용은 display:none;으로 적용시켰습니다.
자바스크립트를 연동하려니 도통 뭐가뭔지 잘 몰라서 여쭤봅니다꾸벅 ㅠㅠ
이해를 돕고자 해당소스는..
div id=all class=all
h4 id=tabNavi1a href=#img src=1.gif alt=탭제목1 //a/h4
!-- content_table --
div id=tabscon1 class=content_table1
div class=1_box내용 블라블라 /div
/div!-- //content_table --
h4 id=tabNavi2a href=#img src=1.gif alt=탭제목2 //a/h4
!-- content_table --
div id=tabscon2 class=content_table2
div class=2_box내용 블라블라 /div
/div!-- //content_table --
h4 id=tabNavi3a href=#img src=1.gif alt=탭제목3 //a/h4
!-- content_table --
div id=tabscon3 class=content_table3
div class=3_box내용 블라블라 /div
/div!-- //content_table --
h4 id=tabNavi1a href=#img src=1.gif alt=탭제목4 //a/h4
!-- content_table --
div id=tabscon4 class=content_table4
div class=4_box내용 블라블라 /div
/div!-- //content_table --
/div
가람슬기 2026.03.27
hook을 너무 비효율적으로 달으셨어요 ㅎㅎ
content_table1~4까지 잇는것은 그냥 하나로 통일시켜주고여
뭐 저 또한 이해를 쉽게 하기 위해 소스코딩을 해보자면
var obj_h4 = document.getElementsByTagName(\h4\)
for (var i=0; iobj_h4.length; i++) {
init(obj_h4[i],i)
}
function init(obj,num) {
var con = $(\.content_table\)