animationオプション
ツールチップ（tooltip.js）におけるanimationオプションは、フェード・インのアニメーションで表示し、フェード・アウトのアニメーションで非表示にするかどうかを設定するオプション。
属性値一覧表
| 属性値 | 説明 |
|---|---|
| true | フェード・アニメーションで、表示／非表示。 |
| false | フェード・アニメーションなしで、表示／非表示。 |
data-animation属性に指定
ツールチップを呼び出す要素に、data-animation属性を追加し、true、falseの何れかを指定する。
サンプル
｜
ソースコード
HTML
<p> <button type="button" class="btn btn-default" data-toggle="tooltip" data-animation="true" title="ツールチップ">サンプル・ボタン（true）</button> ｜ <button type="button" class="btn btn-default" data-toggle="tooltip" data-animation="false" title="ツールチップ">サンプル・ボタン（false）</button> </p>
JavaScript
$('[data-toggle="tooltip"]').tooltip();
JavaScriptにおいてanimationオプションを指定
サンプル
｜
ソースコード
HTML
<p> <button type="button" class="btn btn-default sample3Tooltip1" title="ツールチップ">サンプル・ボタン（true）</button> ｜ <button type="button" class="btn btn-default sample3Tooltip2" title="ツールチップ">サンプル・ボタン（false）</button> </p>
JavaScript
$('.sample3Tooltip1').tooltip(
{
animation: true
}
);
$('.sample3Tooltip2').tooltip(
{
animation: false
}
);