Twitter的Javascript插件「BootStrap」

Question

我剛剛實現了隱藏和顯示的基本發現here。

這裏是工作示例代碼：

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

我的下一個任務是創建的「瞭解更多」上的click事件到「讀少」的變化。

問題是我該如何檢查發生什麼事件以及如何使用它。

樣品的Twitter代碼

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

零件我不明白是什麼是 '#myCollapsible'？這是否會縮小的div ID？

Answer 1

這將是正確的使用

$('#content') 

，而不是你的情況:)使用

$('#myCollapsible') 

Answer 2

一個完整的解決方案是：

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

如果你想要一些通用的您可以用$('.collapse')替換$('#content')。