트위터 자바 스크립트 플러그인 "부트 스트랩"

Question

나는 방금 숨어서 보여주는 기본을 달성했습니다. 발견 된 사람은 here입니다. 여기

는 작업 샘플 코드입니다 :

<div id="content" class="collapse" > 
//Place content in here 
</div> 
<a href="content" data-toggle="collapse" style="cursor:pointer;">Read More</a> 

나의 다음 작업은 클릭 이벤트에 "적은 읽기"로 "자세히보기"의 변화를 만드는 것입니다.

문제는 어떻게 진행되고 있고 어떤 이벤트가 사용되고 있는지 확인할 수 있습니다. 이해가 안

샘플 트위터 코드

$('#myCollapsible').on('hidden', function() { 
    // do something… 
    }) 

부품 '#myCollapsible'는 무엇인가? 그게 div ID가 줄어들었을까요?

Answer 1

대신 귀하의 경우 :)에

$('#myCollapsible') 

를 사용하는

$('#content') 

를 사용하는 것이 올바른 것

Answer 2

는 전체 솔루션은 다음과 같습니다

$('#content').on('hidden', function() { 
    $('a[href="' + this.id + '"]').html('Read More'); 
}).on('shown', function() { 
    $('a[href="' + this.id + '"]').html('Read Less'); 
}); 

하는 경우 너는 일반 무언가를 원한다. $('#content')을 $('.collapse')으로 바꿀 수 있습니다.