コードアカデミーのjQueryコースの最後にある「非常に独自のプロジェクト」に取り組んでいますが、今のところ立ち往生しています。
ここに私のjs/jQコードがあります:
$(document).ready(function () {
$('.Left1').click(function () {
$('.content1').slideToggle('slow');
});
$('.PilLine1').mouseenter(function () {
$(this).fadeTo(500, 1);
});
$('.PileLine1').mouseleave(function () {
if ($('.content1').show('false')) {
$('.PileLine1').fadeTo(500, 0.3);
}
else$('.PileLine1').fadeTo(500, 1);
});
});
そして、ここに視覚的なプレビューがあります: http://www.codecademy.com/users/5155e412f38e624ec7000116/projects/500c7558d143430002002551
うーん、思い通りにいかない。ボックス (content1) が表示されているかどうかをif /else ステートメントで確認します。表示されている場合はマウスを離します。PilLine1 の不透明度を 100% に維持したいと考えています。それ以外の場合は、マウスを離して閉じます。PilLine1 を 30% の不透明度にフェードアウトさせたいと思います。
使用する必要があります: if($('.content1').show('false'))
またはif($('.content1').css('display'==='none'))
、完全に失われていますか?