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

问题描述：

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

<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>

？ –

嗨@MohitShah，yesit在手机屏幕上看起来不错我正在寻找一种方法来知道如何去做 –

要在同一页面或新页面中打开它吗？ –

答

$(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/

要打开按钮的形式点击

您好先生@varto是我使用的div（-450px），必须显示后点击我使用的按钮 $（document）.ready（function（） {（'。visible'）。hide（）; }）; （“＃main_book”）。click（function（）{{“visible”）。show（）; }）;但仍然无法工作，即使尝试了也告诉我的方法，谢谢 –

仍然显示（#main_book）作为第一个元素，我需要它显示后点击按钮多数民众赞成在为什么 –

你需要添加宽度，以便在屏幕上，所以如果它是-450px使其回到0或某些正值在屏幕上可见。 – varto

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

相关推荐