WEB – Page 2 – rootbox.co.kr

Home » WEB

[js/jQuery] simple FAQ style code.

Posted on: November 28, 2013 | By: Kiwoong Jang – 2 Comments

간단하게 구현해본 FAQ 형식의 코드입니다. 실무에서 일하시면서 매우 자주 접하는 형식 중 하나일 것이라 생각되어 만들어봤습니다. 🙂 html markup

<dl id="faq1">
    <dt>question1</dt>
    <dd>answer1</dd>
    <dt>question2</dt>
    <dd>answer2</dd>
    <dt>question3</dt>
    <dd>answer3</dd>
    <dt>question4</dt>
    <dd>answer4</dd>
</dl>

<dt>question1</dt>

<dd>answer1</dd>

<dt>question2</dt>

<dd>answer2</dd>

<dt>question3</dt>

<dd>answer3</dd>

<dt>question4</dt>

<dd>answer4</dd>

</dl>

javascript

$.fn.setFaq = function() {
    return this.each(function(i, elm) {
        $elm = $(elm);
        $elm.find("dd").hide()
            .end().delegate("dt", "click", function() {
                $(this).next().slideToggle(200)
                    .end().toggleClass("on");
            });
    });
};

$.fn.setFaq = function() {

return this.each(function(i, elm) {

$elm = $(elm);

$elm.find("dd").hide()

.end().delegate("dt", "click", function() {

$(this).next().slideToggle(200)

.end().toggleClass("on");

});

};

Here is the TEST CODE http://jsfiddle.net/rootbox/uD89q/ 즐거운 코딩되세요~ 🙂

책이 나왔습니다.

Posted on: May 24, 2013 | By: Kiwoong Jang – 4 Comments

사실 좀 됐습니다.. 당연히 포스팅 한 줄 알았는데 안했더라고요. ㅎㅎ;; 책 전체적으로 정규표현식에 대한 얘기지만 단순히 정규표현식만 알려주는 것은 아니고 여러 환경에서 정규표현식을 사용하는 방법을 알려줍니다. 리눅스 콘솔을 만져본 분이라면 책을 상당히 흥미롭게 보실 수 있을 것 같습니다. 저는 이 책에 부록C 부분 ‘자주 쓰는 …

names of the keyboard symbols

Posted on: March 19, 2013 | By: Kiwoong Jang – 2 Comments

문득 ^ 의 이름이 궁금해서 찾아보게 되었습니다. 알아두면 언젠가 쓸모 있겠죠;; ampersand & apostrophe or single quote ‘ asterisk * at @ back quote ` back slash \ braces or curly braces {} brackets [] caret ^ close brace } close bracket ] close parenthesis …

[html/css] div 하나로 만드는 아이콘

Posted on: January 18, 2013 | By: Kiwoong Jang – 4 Comments

http://one-div.com/ 딱 한개의 div 태그와 css 만으로 만든 icon들 입니다. 각 아이콘 별로 지원 가능한 브라우저가 표시되며 당연하게도 IE는 9+ 이거나 10+ 이어야만 가능합니다. (IE 만세) 당연하게도 html은 div 하나 뿐이고, css 는 여러가지 border 들로 구성되어있습니다. 설명에 따르자면 벡터 이미지들 처럼 리사이징에도 완벽하게 대응한다고 …