两个div

Question

正如你在下面看到的，我有两个div，一个是id by Senate，另一个是2nd div。我在第一个div上有一个名为查看详细信息的按钮。我的要求是当我点击查看详细信息按钮时，我希望它做一个旋转木马并转到第二个div。我想使用bootstrap carousel。

我尝试了一些方法，但没有成功。有人可以帮助我。

<div id="BySenate" style="display: none">
    <table class="table table-hover table-responsive">
        <thead>
        <tr>
            <th>Party</th><th>Name</th><th>Chamber</th><th>District</th><th>State</th></tr>
        </thead>
        <tbody>
        <tr dir-paginate="senate in senate|orderBy:['fullname']|filter:search|itemsPerPage:10" pagination-id="bySenate">
            <td> <img src="{{senate.party_name}}" style="max-height: 10%;max-width: 10%;"/> </td>
            <td>{{senate.fullname}}</td>
            <td > <img src="{{senate.chamber_type}}" style="max-height: 8%;max-width: 7%;"/>{{senate.chamber_name}} </td>
            <td>{{senate.district_name}}</td>
            <td>{{senate.state_name}}</td>
            <td>  <button type="button" class="btn btn-primary" id="{{senate.bioguide}}" value="{{senate.bioguide}}" ng-click="getLegislatorDetails($event);">View Details</button></td>
        </tr>
        </tbody>
    </table>
</div>
<div id="2nd div">
</div>