如何在选择特定选项并点击按钮时触发Jquery滑动效果？

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<div id="container">
  <select id="options">
    <option value="option1">Option 1</option>
    <option value="option2">Option 2</option>
    <option value="option3">Option 3</option>
  </select>
  <button id="triggerBtn">Trigger Slide</button>
</div>

$(document).ready(function() {
  $('#triggerBtn').click(function() {
    var selectedOption = $('#options').val();
    if (selectedOption === 'option1') {
      $('#container').animate({left: '0px'}, 'slow');
    } else if (selectedOption === 'option2') {
      $('#container').animate({left: '100px'}, 'slow');
    } else if (selectedOption === 'option3') {
      $('#container').animate({top: '0px'}, 'slow');
    }
  });
});