Удаления только атрибут позиции в JQuery

Question

Я создал код, который имеет эти черты:

1. навигацию Items-texts- скрыты за некоторыми дивами я буду называть их Navigation DIVS

2. когда мышь перемещается по некоторым пикселям-навигации Divs-, текст, который они находятся за этим, сдвигается вправо и влево, а в некоторых случаях некоторые из них перемещаются сверху и снизу около 15 px с помощью метода animate() ...

3. , когда мышь перемещается в другое Div, othe г текст будет сброшен на первую позицию для следующего действия, и я сделал это с:

   $(document).on('mouseover', '.pixel#p18', function(){ 
       $('.submenus').not("this Div's TEXT").fadeOut('fast').removeAttr('style'); 
   });/* this Div's Text is for Example*/ 
   

и я написал этот вид для всех моих навигационных текстов ..

Теперь моя проблема:

1. Когда я наведите курсор на одну из навигационных дивов, некоторые из текстов, которые они не анимированные, стал видимым из-за removeAttr («стиль») !!! Но я не хочу этого ...

2. Есть ли альтернативный способ, которым я могу перемещать тексты или другие элементы влево, вправо, вверх и вниз с дополнительными значениями перемещения ... ??? например, 23px влево или 17px в начало ... и т. д. - Я знаком с слайдом и вниз и переключился, но не уверен, что они достаточно хороши для моего кода ...

3. Есть ли у вас лучше Идея для этого --- что актуально у вас будет, потому что я думаю, что это очень плохо

4. и последний Вопрос в том, почему мои коды очень медленны в работе? анимации, которые я написал, несколько раз лакировали, и я не уверен, что проблема - это мой селектор или другое.

Answer 1

Для этого вам нужно что-то вроде .animate, у которого есть обратный вызов. Так что-то вроде:

$('.submenus').not("this Div's TEXT").animate({opacity:0},500,'linear', function() { 
    $(this).removeAttr('style'); 
}); 

Это приведет к удалению атрибута только после завершения анимации.