按钮显示/隐藏wp上的预订表格

时间:2017-04-20 10:38:14

标签: html wordpress css3 hide show

我在Wordpress上修改一个酒店主题网站,我在标题部分添加了一个按钮,并希望它显示我已经拥有的简单预订表单,我只需要知道我必须做什么才能让它工作任何教程请或想法?现在2天仍然在寻找一种方法来完成它,仍在搜索。 谢谢大家,

<div class="col-md-7 alignright"><a href=""><button class="apb-btn" style="margin-top:25px; border-radius:0px !important; background-color:#f3d339 !important;">CHECK AVAILABILITY</button></a>

1 个答案:

答案 0 :(得分:0)

$(document).ready(function(){
    //you should add class name for link to not target all links with click event
    $("a").click(function(){
        $(".apb-btn").toggle();
    });
});

如果你有jquery库,你可以这样做

https://jsfiddle.net/ak7tj4m7/2/