两张图中的轴顺序相同

Question

我有这个功能：

<button class="toggle-next-div" onclick="changeState(1)">1</button>
<div class="slidingDiv">
        <p>test1</p>
</div>
<button class="toggle-next-div" onclick="changeState(2)">2</button>
<div class="slidingDiv">
        <p>test2</p>
</div>
<button class="toggle-next-div" onclick="changeState(3)">3</button>
<div class="slidingDiv">
        <p>test3</p>
</div>
<button class="toggle-next-div" onclick="changeState(4)">4</button>
<div class="slidingDiv">
        <p>test4</p>
</div>
<button class="toggle-next-div" onclick="changeState(5)">5</button>
<div class="slidingDiv">
        <p>test5</p>
</div>

！[在此处输入图片描述] [1]

1. 如何以与左图相同的顺序在右图上进行X轴签名？