Question

这可能有一个答案，但我不知道我会不幸找到的术语！

基本上，我右上方的Wordpress网站上有一个按钮，点击后会下拉表格填写。什么是在页面下方创建按钮的最简单方法，它可以打开下拉菜单并将用户带到那里，大概是用锚点？简单的HTML / CSS是理想的，因为答：我可以在页面布局创建器中创建一个文本框，只需将代码粘贴在那里，B：我的编码知识非常有限！

该网站是www.harringtonsproperty.co.uk。有问题的按钮是右上方的BOOK A VALUATION。

谢谢！

Answer 1

单独使用CSS无法做到这一点。你需要使用JavaScript。

目前，'click'文件位于custom.js文件的顶部。您需要在此文件中添加其他JS函数才能实现您的目标。对于初学者/示例：

jQuery('button#contactToggle2').click(function(e){  
    e.preventDefault();     
    if( jQuery('#contactSlide').css('display') == 'block' ) {       
        jQuery('#contactSlide').slideUp(500);       
    } else {        
        jQuery('#contactSlide').slideDown(500);
        // Handle scroll to top
        jQuery('html, body').animate({scrollTop : 0},800);
    }
})

然后，您需要将新按钮设为id="contactToggle2"才能生效。再次，这只是一个例子。

用按钮打开下拉部分

1 个答案: