jQuery 아코디언메뉴

Q&A나 FAQ에서 많이 쓰이는 아코디언 메뉴 CSS @charset "utf-8"; /* CSS Document */ *{margin: 0; padding:0;} body{font-size:16px; color:#333; line-height:1.6; margin: 30px;} ul, li{list-style:none;} a{color:inherit; text-decoration: none;} .faq{width:650px; border-bottom:1px solid #ddd;font-size:12px} .faq .hgroup{position:relative; margin:0 0 10px 0;} .faq .hgroup .all{position:absolute; top:5px; right:10px;} ...

2021.12.15

jQuery EVENT Bubbling , this

이벤트 동시에 발생 문제 (event bubbling) var header = $('h1', this).text(); var paragraph = $('p', this).text(); this키워드를 $()메소드의 두번째 매개 변수로 넣어준다. 범위를 이벤트 발생 객체로 한정한다. 이벤트 발생 객체 안에만 선택자를 적용할 수 있다. 쉽게 말해 이벤트를 제공 받은 그 해당 객체(this)의 자식 객체 선택 Header 1 Paragraph 1 Header 2 Paragraph 2 Header 3 Paragraph 3

2021.12.07

jQuery toogle 더보기

toggle(), hide(), show(), text() ＊ display:block; display:none; 대신에 show(); hide()문법을 사용할 수 있다. ‘하면 된다’라는 정신을 갖고 목표를 달성하기 위해 온힘을 기울이는 자세를 말한다. Read More... ↓ 현대는 다른 사람들이 불가능하다고 포기해 버린 일을 험난한 여건 속에서도 강인한 정신력과 추진력으로 성공시킨 역사와 경험을 가지고 있다. 앞으로 세계 곳곳에서 사업을 수행하는데 있어서 성취해야 할 많은 과제를 과감히 헤쳐나가기 위해서는 현대인 모두가 강인한 정신과 추진력을 더욱 배양하고 체질화해야 할 것이다.

2021.12.07