Skip to content
Read For Learn
Read For Learn
  • Database
    • Oracle
    • SQL
  • C
  • C++
  • Java
  • Java Script
  • jQuery
  • PHP
Read For Learn
  • Database
    • Oracle
    • SQL
  • C
  • C++
  • Java
  • Java Script
  • jQuery
  • PHP

Show/Hide Div for Login Mask

You are calling jQuery wrong by the shorthand $. If you will look in your console you will see an error that $ is not a function / undeclared etc (this is due to jQuery’s conflict mode if I am not wrong).

Your code should look something like this:

<script type="text/javascript">
jQuery(function($) {
    $( "a.toggle").click(function() {
        $("#log_forms").toggleClass( "open" );
    });
});
</script>

Related Posts:

  1. Could the WP script/style loader be used to concatenate and gzip scripts and styles in the front-end?
  2. wp_enqueue_scripts, wp_register_scripts, wp_print_scripts: i’m confused
  3. How to combine multiple CSS files and concatenate JavaScripts if WordPress recommends enqueuing them?
  4. How can I make content disappear when a user logs in?
  5. How to solve ‘Eliminate render-blocking JavaScript and CSS in above-the-fold’ content for multiple files?
  6. WordPress Displaying Thumbnails Vertically
  7. Changing Font-Size based on specific Font thru javascript
  8. Collapsible button inside a ul list does work in jsfiddle but not in WP
  9. Relative path instead of absolute for wp_enqueue_script
  10. Handling URLs in WordPress application
  11. Can “ and “ tags be used in the HTML editor?
  12. JavaScript added as link/stylesheet
  13. Write text below a specific part of a sentence
  14. WordPress on localhost working, when sharing IP to connect receive err_connection_refused on .js and .css files
  15. Show enqueued CSS and Script in custom header
  16. How to insert html/css/javascript code to wordpress plugin
  17. Eliminate render-blocking JavaScript and CSS in above-the-fold content
  18. Older isotope portfolio rows shifting downward by 1 pixel on hover
  19. How to integrate my HTML and javascript into my child theme
  20. Shrink Header Image on Scroll
  21. How to create fa-bars animated menu
  22. Does costum code in the root folder get lost when wordpress is updated?
  23. CSS Minification
  24. Why is this jquery / java script code not working in mobile / in devices?
  25. Seperate functions.php for part of site
  26. How can I get the search form to be selected automatically?
  27. Implementing a simple slider in code?
  28. Cannot set property ‘className’ of null at setThemeFromCookie
  29. Why won’t my custom login page CSS load?
  30. How to change “““ to “““?
  31. Conditionally enqueue a stylesheet based off of a javascript click event
  32. get_template_directory_uri() generates wrong path
  33. Remove CSS & JS from
  34. enqueing Javascript and CSS
  35. How to Add a Read-only Textbox With Text in it That Has a Button to Copy it?
  36. ACF Pro with SlickJS [closed]
  37. prevent HTML output if custom field is empty [closed]
  38. Plugins not showing up for custom template
  39. Equal height sections in custom Headway Theme
  40. W3TotalCache and Javascript — what should go where, when?
  41. How would I create the same popup in css and javascript as the one in contact button on the site https://www.sublimotionibiza.com/es/main.html [closed]
  42. Combine CSS Files without plugin
  43. Button doesn’t work in the profile panel
  44. WordPress Rest Api access the header and extract stylesheets URL
  45. Invert porfolio item order
  46. How to make a function to play only on the home page?
  47. Embed widget from external source (Zendesk)
  48. Hide Tab Titles from Tabs Block
  49. How can I hide this custom slider while Elementor editing window is open?
  50. broken internal JavaScript and CSS files
  51. check the first login for specific roles
  52. Getting and setting CSS variables with JQuery in WordPress backend fails
  53. Unable to use Datepicker in a table when inserting a row
  54. How to properly hide the div of an inline collapsible button?
  55. Change the version of default style.css in wordpress
  56. Web Developer Console: “Slow network is detected.” with fonts
  57. Enqueue CSS and Script only if needeed
  58. How to display javascript banner in website header?
  59. How would I add this code to a single WordPress page?
  60. Hide Login Page Labels
  61. The placeholder text doesnt disappear
  62. Trouble with adding preloader to my home page index.html and index.js
  63. Import HTML code that loads css and javascript into specific page
  64. Change Login CSS – Include instead of echo
  65. How to implement a JavaScript and CSS file for my WordPress homepage?
  66. What can cause JavaScript and CSS files to be minified?
  67. Bootstrap 4 Optimization
  68. Move main menu to top of screen
  69. How to remove audio player styles added by mediaelement.js JavaScript?
  70. Interactive maps in wordpress
  71. Can I upload my HTML/CSS/Javascript game onto a WordPress page?
  72. How do I add JS and CSS to WP (Flatsome)
  73. “Plate” theme broken after update
  74. How to optimise Text to HTML ratio for SEO by separating the HTML into multiple files?
  75. hide specific css and js files in specific page wordpress with id or without?
  76. Separate typography controls for titles and meta in a custom block?
  77. unable to find the document body in user-edit admin using javascript or CSS
  78. difference between code for admin, user facing (css, js)
  79. Identify and style the paragraph beginning w/o a class: based on a combination of common characters (CSS, JS)
  80. How do I remove/hide embed excerpts from posts
  81. Block style variations not enqueued for blocks inside HTML code dynamically rendered via JS
  82. What’s the difference between SCSS and Sass?
  83. How am I supposed to use index.html?
  84. Column order manipulation using col-lg-push and col-lg-pull in Twitter Bootstrap 3
  85. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
  86. Adding border to SVG image
  87. What does !important mean in CSS?
  88. Failed to load resource: the server responded with a status of 404 (Not Found)
  89. Random gradient background color
  90. Failed to load resource: the server responded with a status of 404 (Not Found)
  91. How to change CSS using jQuery?
  92. Set line spacing
  93. Remove blue underline from link
  94. Angular: conditional class with *ngClass
  95. CSS Background Opacity [duplicate]
  96. Outline effect to text
  97. Customize Bootstrap checkboxes
  98. Making a
  99. React.js inline style best practices [closed]
  100. Remove class using jQuery
Categories CSS Tags css, javascript, login
forward/redirect taxonomy archive of term to a page with same name
$wpdb->get_results breaking page?

Recommended Hostings

Cloudways: Realize Your Website's Potential With Flexible & Affordable Hosting. 24/7/365 Support, Managed Security, Automated Backups, and 24/7 Real-time Monitoring.

FastComet: Fast SSD Hosting, Free Migration, Hack-Free Security, 24/7 Super Fast Support, 45 Day Money Back Guarantee.

Recent Added Topics

  • Bug in translation system: load_theme_textdomain() returns true, files are available and accessible but the language defaults to english
  • Post Navigation Elementor
  • Custom Elementor controls not appearing in the widget Advanced tab using injection hooks
  • WPFacet multiple loop displaying duplicate content
  • Get the name of the template/*html file used
  • Fix: WordPress.DB.PreparedSQL.NotPrepared Plugin Check (PCP)
  • Removing unnecessary CSS and JS code from wp_head()
  • hexagonal image gallery. Am I on the right track? [closed]
  • Trying to Add Paging to Single Post Page
  • Sharing media files between live and staging servers
© 2026 Read For Learn
  • Database
    • Oracle
    • SQL
  • algorithm
  • asp.net
  • assembly
  • binary
  • c#
  • Git
  • hex
  • HTML
  • iOS
  • language angnostic
  • math
  • matlab
  • Tips & Trick
  • Tools
  • windows
  • C
  • C++
  • Java
  • javascript
  • Python
  • R
  • Java Script
  • jQuery
  • PHP
  • WordPress