Có thể áp dụng phần tử di chuột trong jQuery vào hai div có chức năng hiển thị và ẩn không?

Question

Có một số nhấp nháy khi tôi sử dụng chức năng hiển thị và ẩn trên các div của tôi. Tôi đang sử dụng đoạn mã sau bây giờ:

$(document).ready(function(){ 
    $("#tekstvanitem-1").hide(); 
    $("#thumbnail-1").hover(function(){ 
    $("#tekstvanitem-1").show(); 
    },function(){ 
    $("#tekstvanitem-1").hide(); 


}); 
}); 

Vấn đề là khi tôi tái đầu tư thumbnail-1 nó hiển thị tekstvanitem-1. Nhưng bởi vì tekstvanitem-1 bật lên trên thumbnail-1 nó trông giống như nhấp nháy của nó bởi vì im không phải trên thumbnail-1 nữa. Vì vậy, nó là loại một vòng lặp.

Có thể đặt phần tử di chuột khi chuột của tôi đang ở trên hình thu nhỏ-1 hay chuột của tôi trên tekstvanitem-1 không?

cảm ơn trước!

Answer 1

Chắc chắn. Chỉ cần đặt #tekstvanitem-1 trong bộ chọn ...

$(document).ready(function(){ 
    $("#tekstvanitem-1").hide(); 
    $("#thumbnail-1, #tekstvanitem-1").hover(function(){ 
     $("#tekstvanitem-1").show(); 
    },function(){ 
     $("#tekstvanitem-1").hide(); 
    }); 
});