javascript - 如何使用切换按钮

Question

一个用于添加，另一个用于删除

<div  class="to-follow col-lg-12 col-md-12 col-sm-12 col-xs-12 "> 
    <button  id="follow" class="btn btn-default btn-block" data-toggle="button">Follow Activities</button>
    <button id="unfollow" class=" hidden btn btn-danger btn-block">Unfollow Activities</button>
</div>

<小时/>

$(".to-follow").click(function() {
    $(this).find('button').toggle();
});  

如何让关注按钮在点击时隐藏，然后取消关注才会显示。取消关注按钮的功能是一样的

Answer 1

你可以像下面这样做。

$("#follow, #unfollow").click(function () {
    $("#follow, #unfollow").toggleClass('hidden');
});

.hidden {
    display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="to-follow col-lg-12 col-md-12 col-sm-12 col-xs-12 ">
    <button id="follow" class="btn btn-default btn-block" data-toggle="button">Follow Activities</button>
    <button id="unfollow" class=" hidden btn btn-danger btn-block hidden">Unfollow Activities</button>
</div>