点击同一个按钮实现展开与收起的动画效果，存cs编写。点击按钮时如何定位该元素距离页面左侧的距离

您可以使用JavaScript来实现点击同一个按钮展开与收起的动画效果，并且获取元素距离页面左侧的距离。

首先，在HTML中添加一个按钮和需要展开或收起的元素：

<button id="toggle-btn">点击我展开/收起</button>
<div id="toggle-element">
  <!-- 需要展开或收起的元素 -->
</div>

然后，在CSS中设置需要展开或收起的元素的初始状态：

#toggle-element {
  display: none;
}

接着，在JavaScript中使用addEventListener()方法来绑定按钮的点击事件，并使用classList.toggle()方法来展开或收起元素，并使用offsetLeft属性来获取元素距离页面左侧的距离：

document.addEventListener("DOMContentLoaded", function() {
  var toggleBtn = document.getElementById("toggle-btn");
  var toggleElement = document.getElementById("toggle-element");
  
  toggleBtn.addEventListener("click", function() {
    toggleElement.classList.toggle("active");
    
    var offsetLeft = toggleElement.offsetLeft;
    console.log("距离页面左侧的距离：" + offsetLeft + "px");
  });
});

这样，每次点击按钮时，元素就会展开或收起，并且可以获取元素距离页面左侧的距离。