$(function(){
	$(".item").each(function(){
		//tooltip hover
		$(this).find(".open").hover(function(){
			$(this).parents(".item").css("z-index","1");
			$(this).parents("div").find(".tip_box").css("z-index","2");
		}, function(){
			$(this).parents(".item").css("z-index","0");
		});
		//tooltip focus in
		$(this).find(".open").focusin(function(){
			$(this).parents(".item").css("z-index","1");
			$(this).parents("div").find(".tip_box").css("z-index","2");
		});
		$(this).find(".open").focusout(function(){
			$(this).parents(".item").css("z-index","0");
		});
	});
});

<div class="coupon_box">
	<!-- loop -->
	<div class="item">
			<div class="btn">
				<a href="#"><img src="/images/front/travel/customer/btn_down.gif" alt="다운로드"></a>
				<div class="help_text">
				<a href="#" class="open"><img src="/images/front/travel/customer/btn_detail_view.gif" alt="자세히보기"></a>
				<!-- tip box -->
				<div class="tip_box left">
					<div class="tip" style="width:230px;">
						<div>
							<dl>
								<dt>쿠폰명</dt>
								<dd>전 상품 3% 할인</dd>
								<dt>혜택</dt>
								<dd>정율 할인 7%</dd>
								<dt>사용범위</dt>
								<dd>전체상품</dd>
								<dt>제한조건</dt>
								<dd>최소 5만원 이상 구입시<br />최대 2,000원 할인</dd>
								<dt>유효기간</dt>
								<dd>2013-01-01 ~ 2014-01-01</dd>
							</dl>
						</div>
						<span class="bot"></span>
					</div>
				</div>
				<!-- //tip box -->
			</div>
			</div>
		</div>
</div>

 $(".datepicker").datepicker({
  showOn: "both", // 버튼과 텍스트 필드 모두 캘린더를 보여준다.
  buttonImage: "/application/db/jquery/images/calendar.gif", // 버튼 이미지
  buttonImageOnly: true, // 버튼에 있는 이미지만 표시한다.
  changeMonth: true, // 월을 바꿀수 있는 셀렉트 박스를 표시한다.
  changeYear: true, // 년을 바꿀 수 있는 셀렉트 박스를 표시한다.
  minDate: '-100y', // 현재날짜로부터 100년이전까지 년을 표시한다.
  nextText: '다음 달', // next 아이콘의 툴팁.
  prevText: '이전 달', // prev 아이콘의 툴팁.
  numberOfMonths: [1,1], // 한번에 얼마나 많은 월을 표시할것인가. [2,3] 일 경우, 2(행) x 3(열) = 6개의 월을 표시한다.
  //stepMonths: 3, // next, prev 버튼을 클릭했을때 얼마나 많은 월을 이동하여 표시하는가. 
  yearRange: 'c-100:c+10', // 년도 선택 셀렉트박스를 현재 년도에서 이전, 이후로 얼마의 범위를 표시할것인가.
  showButtonPanel: true, // 캘린더 하단에 버튼 패널을 표시한다. 
  currentText: '오늘 날짜' , // 오늘 날짜로 이동하는 버튼 패널
  closeText: '닫기',  // 닫기 버튼 패널
  dateFormat: "yy-mm-dd", // 텍스트 필드에 입력되는 날짜 형식.
  showAnim: "slide", //애니메이션을 적용한다.
  showMonthAfterYear: true , // 월, 년순의 셀렉트 박스를 년,월 순으로 바꿔준다. 
  dayNamesMin: ['월', '화', '수', '목', '금', '토', '일'], // 요일의 한글 형식.
  monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'] // 월의 한글 형식.
 });

<script type="text/javascript">

$(function(){
    $(document).ready(function(){
		
	//탑승자정보입력 삭제
	$("#formList>li>#btnDelete").live("click", function(){
		$(this).parent().remove();
		return false;
	});
	//탑승자정보입력 추가 (마지막 li 복사해서 마지막에 추가)
	$("#btnAdd").live("click", function(){
		var newRow = $("#formList>li:last").clone();
		newRow.insertAfter($("#formList>li:last"));
		return false;
	});
		
    });
});
		
</script>

<ul id="formList" class="form_list">
    <li>내용<a href="#" id="btnDelete" class="btn btn_del">삭제</a></li>
    <li>내용<a href="#" id="btnDelete" class="btn btn_del">삭제</a></li>
    <li>내용<a href="#" id="btnDelete" class="btn btn_del">삭제</a></li>
</ul>

<ul class="form_list">
    <li><a href="#" id="btnAdd" class="btn btn_add">추가</a></li>
</ul>

jQuery로 테이블 tr 동적으로 추가, 삭제하기 :  http://stove99.tistory.com/92

<script type="text/javascript">
//checkbox 숨김
function carInfoChange(){
    if($("#cate1").is(":checked")) {
        $("#carInfo").css("display","block");
    }
    else if ($("#cate2").is(":checked")) {
	$("#carInfo").css("display","none");
    }
}
</script>

<input type="radio" class="radio" name="category" id="cate1" onclick="carInfoChange()" checked="checked" /><label for="cate1">운영</label>
<input type="radio" class="radio" name="category" id="cate2" onclick="carInfoChange()" /><label for="cate2">관광업체 공통</label>

<div id="carInfo" style="display:none;">
    본문 내용
</div>

css소스

.top { position: fixed; bottom:20px; right:30px; background: url(http://cdn1.iconfinder.com/data/icons/oxygen/48x48/actions/go-up.png) no-repeat; width:48px; height:48px; }

jQuery 소스

$(document).ready(function(){
    var $body = $(document.body), //자주 사용하기에 캐시되게 변수에 넣어준다
        $top = '';

    $top=$('
') //div 를 만들고 
            .addClass('top') //top className을 주고
            .hide() //처음에는 숨겨둔다
            .click(function(){  // 클릭이 이벤트 할당
                $body.animate({ scrollTop: 0 }); //animation효과로 scollTop=0으로 이동
            })
            .appendTo($body); // body에 top을 넣는다

    //윈도우의 스크롤위치로 위로가기 버튼을 보여줘야기에 핸들러 작성
    $(window).scroll(function(){
        var y = $(this).scrollTop();
        if(y >= 100){
            $top.fadeIn();
        } else { 
            $top.fadeOut();
        }
    });
});

html 소스 (id=header)

<div id="header">
Scroll Fix Header like Facebook in JQuery
</div>

jQuery 소스

$(document).ready(function() {
 
    var div = $('#header');
    var start = $(div).offset().top;
 
    $.event.add(window, "scroll", function() {
        var p = $(window).scrollTop();
        $(div).css('position',((p)>start) ? 'fixed' : 'static');
        $(div).css('top',((p)>start) ? '0px' : '');
    });
 
});