Jump to content

Is it possible to make a form dropdown

Recommended Posts

Site URL: https://www.wildwarrioryoga.com/yoga-teacher-training-200hr-spain

Hi! 

So I want to add an application/booking form at the end of one of my pages. But I would prefer that it appeared as a dropdown for those that want to apply as it looks a bit clunky put at the end of the page. 

 

I can find lots of information about custom css for dropdown FAQ menus but nothing on having a form dropdown in one. 

Can anyone advise? 

Thanks so much 

 

Link to comment
  • Replies 1
  • Views 348
  • Created
  • Last Reply

Try adding this code in code block right above the form.

<button onclick="showApp()" class="Apply">Apply</button>

<script> 
function showApp() {
  var s = document.getElementById("block-yui_3_17_2_1_1623761017131_23708");;
  if (s.style.display === "none") {
    s.style.display = "block";
  } else {
    s.style.display = "none";
  }
}

</script>

<style>

.Apply {
  display:block !important;
  margin-left:auto;
  margin-right:auto;
  background-color: black;
  border: none;
  border-radius: 7px;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;

}

</style>

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.