在wp上顯示/隱藏預訂表單的按鈕

-1

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

來源

2017-04-20 yassir.r

？ –

嗨@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/

要打開按鈕的形式點擊

來源

2017-04-20 14:00:47 varto

您好先生@varto是我使用的div（-450px），必須顯示後點擊我使用的按鈕 $（document）.ready（function（） {（'。visible'）。hide（）; }）; （「＃main_book」）。click（function（）{{「visible」）。show（）; }）;但仍然無法工作，即使嘗試了也告訴我的方法，謝謝 –

仍然顯示（#main_book）作爲第一個元素，我需要它顯示後點擊按鈕多數民衆贊成在爲什麼 –

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

在wp上顯示/隱藏預訂表單的按鈕

回答

相關問題