h1 요소 내부의 텍스트 클릭시 표 숨기기

페이지로드시 테이블을 표시하고 싶지만 확장/축소 방식으로 표시/숨기기를 원합니다.h1 요소 내부의 텍스트 클릭시 표 숨기기

I 나는 다음과 같은 코드를 사용하여 그렇게 할 수 없습니다 :

$(window).load(function() { 
    $(document).ready(function() {  
     $("table").hide(); 
     //toggle the componenet with class msg_body 
     $("h1").click(function() { 
      $(this).next("table").slideToggle(500); 
     }); 
    }); 
});

이 달성 할 수있는 방법을 제안하세요? 감사.

출처

2011-09-19 ronan marsh

만 $ ('테이블')를 사용하지 않는

$(document).ready(function() { //toggle the componenet with class msg_body $("h1").click(function() { $("table").slideToggle(500); }); });

. 숨기기()을 사용할 수 있습니다. 언젠가 당신은 그 페이지에 anorher 테이블을 추가 할 것이고 ...... 당신은 다시 여기에 올 것입니다;) –

당신이

출처

2011-09-19 11:03:44

$(function() { 
    $("table").hide(); 
});

jQuery를 window.load 내에 둘 필요가 없으므로 해당 래퍼를 제거하면 문제를 해결할 수 있습니다. 당신이 그것을 $("table").hide();

을 숨기는 이유는 부하에 페이지를 표시 할 경우

출처

2011-09-19 10:49:11 VNO

h1 요소 내부의 텍스트 클릭시 표 숨기기

답변

관련 문제