Jquery: animate .outerWidth ()?

Question

При анимации переключения ширины это не анимация заполнения, поэтому я посмотрел на .outerWidth (), но я не совсем уверен, как реализовать это ...

$('#shareheart').click(function(){
    $('.share-text').animate({outerWidth: 'toggle'}, 2000)
})

Answer 1

Animate работает только со свойствами CSS. Я не уверен, что делает ключевое слово toggle, но я предполагаю, что оно кратко для альтернативного ключевого слова hide / show. Вы можете попробовать:

$('#shareheart').click(function(){
    $('.share-text').animate({
      width: 'toggle', 
     'padding-left': 'toggle', 
     'padding-right': 'toggle'
    }, 2000);
});

Но я не уверен, как тумблер будет работать с отступом ...