私は本当にjQueryの初心者です。今日は、このかわいい種類の水平アコーディオンメニューを、テキストを入れて作成しようとしました。
これでアコーディオンが機能するようになりましたが、テキストの文字間隔をアニメーション化することも試みました。
編集: 幅のアニメーションが機能していることに注意してください。問題は、文字の間隔が-14pxにアニメーション化されず、元に戻ることです。
私はどこでも検索しましたが、解決策を見つけることができません。
これが私のjQueryコードです:
$(document).ready(function() {
$("ul li a, p").hover(function() {
$el = $(this);
$el.animate({width: "200px", letterSpacing: "0px"
}, { queue:false });
}, function() {
$el = $(this);
$el.animate({width: "120px", letterSpacing: "-14px"
},{ queue:false });
});
});
http://jsfiddle.net/d5MYS/-ライブコード
ありがとう :)