div に表示される情報のブロックがあります。ホバー時に特定の div の css を変更したい。しかし、現在、誰かの div にカーソルを合わせると、すべての div の css が変更されます。
これが私のjqueryコードです:-
<script>
$('.student-box').hover( function(){
$('.student-info').css('opacity', '0.8');
$('.student-info').css('margin-top', '-20px');
$('.student-info').css('height', '130%');
$('.onhover-ul').show();
},
function(){
$('.student-info').css('opacity', '0.7');
$('.student-info').css('margin-top', '75px');
$('.student-info').css('height', '63%');
$('.onhover-ul').hide();
});
</script>
ホバーされている div のみが影響を受けるように jquery を変更するにはどうすればよいですか。多くの学生が存在する可能性があり、それは多くの「学生ボックス」が生成されることを意味します。