[정보] 아주 간단한 접기 태그

아주 간단한 접기 태그 이야기 입니다~

나옴ㅋ

저는 항상 이걸로 잘 쓰고 있는데 다른 분들한 자꾸 안된다고 하셔서 ㅠㅠ

일단 시작하기 전에 알아두셔야할 것은

html 태그에서 그림을 넣고자 할 때는

<img src="그림 주소"> 

이렇게 쓰셔야해요~ 그것만 안다면 반은 끝난 거에요.

제가 쓰는 접기 태그는 이래요~

<a href="#none" onclick="this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';">여기를 클릭(A)</a><div style="display: none;">그럼 이렇게 나와요(B)</div>

이걸로 끝이에요

위의 태그를 html 모드에서 썻을 시에는 이렇게 된 답니다

여기를 클릭

그럼 이렇게 나와요

짠~

--------------------------------------------------------------------------

한가지 응용을 해볼께요?

해당 그림을 클릭하면, 그 안에 있던 그림들이 나오는 것을 해볼께요

그림태그는 <img src="그림 주소"> 였죠?

<a href="#none" onclick="this.nextSibling.style.display=(this.nextSibling.style.display=='none')?'block':'none';"><img src="여기를 클릭-이경우에는 엑박이 뜨겠죠?">(A)</a><div style="display: none;"><img src="나올 그림 주소- 이경우에도 엑박">(B)</div>

(B)

이것을 html 모드에서 쓴다면

이렇게 나온답니다

클릭하여 보여줄 그림이 여러개라면 (B) 부분에

<img src="그림 주소">

<img src="그림 주소"> 

<img src="그림 주소">

<img src="그림 주소"> 

이렇게 하시면 되요~

여기서 (B) 부분에 다시 접기태그를 중복하여 넣을수도 있어요

근데 다른 분들은 이 접기 태그가 안된다고 하시니 ㅠㅠ 왜 그럴까요