2017-04-20 2 views
-1

Ich ändere eine Hotel-Design-Website auf Wordpress, ich fügte einen Button auf dem Header-Teil hinzu und möchte ein simplebooking-Formular anzeigen, das ich bereits habe, ich muss nur wissen, was ich habe zu tun, um es zu tun, irgendein Tutorial oder Ideen? jetzt 2 Tage und immer noch auf der Suche nach einer Methode, um es zu erledigen, immer noch suchen. Vielen Dank allen,Schaltfläche zum Anzeigen/Verbergen des Buchungsformulars auf 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> 

+0

Sie das Formular auf die Schaltfläche klicken öffnen? –

+0

Hallo @MohitShah, jait wird auf dem Handy gut aussehen Ich suche nach einer Methode, um zu wissen, wie es geht –

+0

Möchten Sie es auf der gleichen Seite oder neuen Seite öffnen? –

Antwort

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(); 
    }); 
}); 

Wenn Sie jQuery-Bibliothek haben, können Sie tun, um diese

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

+0

Hi mr @varto ja ich benutze ein div mit (-450px), die nach dem Klicken auf die Schaltfläche zeigen muss ich verwendet $ (Dokument) .ready (Funktion() { $ ('. Visible'). Hide(); }); $ ("# main_book"). Click (function() { $ (". Visible"). Show(); }); aber immer noch nicht funktioniert auch nach dem Versuch auch die Methode, die Sie mir gesagt haben, danke –

+0

Immer noch (#main_book) als erstes Element Ich brauche es nach dem Klick auf den Knopf zu zeigen, das ist warum –

+0

Sie müssen auch Breite hinzufügen, um auf dem Bildschirm zu sein, wenn Es ist -450px bringt es zurück auf 0 oder einen positiven Wert um auf dem Bildschirm sichtbar zu sein. – varto

Verwandte Themen