Open image gallery on link click

As I understand it, you want to show a div element containing the gallery when Show Gallery is pressed – otherwise to hidden.

This can be accomplised with a couple of jQuery lines:

$( ".show" ).click(function() {
  $( ".gallery" ).addClass( "display" );
});

With the appropriate CSS. See jsfiddle
Be sure to remember to include jquery in your theme if it doesn’t contain it otherwise.

Related Posts:

  1. How to use php code in javascript
  2. SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
  3. is there something like isset of php in javascript/jQuery?
  4. How do I refresh a DIV content?
  5. Only on Firefox “Loading failed for the script with source”
  6. Ajax success function
  7. AJAX not Working with php as supposed
  8. How to prevent the “Confirm Form Resubmission” dialog?
  9. jQuery append() vs appendChild()
  10. ReferenceError: $ is not defined
  11. Cannot read property ‘push’ of undefined when combining arrays
  12. How to deal with net::ERR_SSL_PROTOCOL_ERROR?
  13. Check if checkbox is checked with jQuery
  14. Getting Error “Form submission canceled because the form is not connected”
  15. Is there a link to the “latest” jQuery library on Google APIs?
  16. Change Background color (css property) using Jquery
  17. jQuery get textarea text
  18. How can jQuery deferred be used?
  19. Uncaught TypeError : cannot read property ‘replace’ of undefined In Grid
  20. Failed to load resource: net::ERR_FILE_NOT_FOUND loading json.js
  21. Disable/enable an input with jQuery?
  22. Get class name using jQuery
  23. What does on() in JavaScript do?
  24. jQuery animate backgroundColor
  25. Use images like checkboxes
  26. JavaScript error (Uncaught SyntaxError: Unexpected end of input)
  27. ChangeDate – Date Picker Bootstrap
  28. Uncaught TypeError: Cannot read property ‘msie’ of undefined
  29. How to hide a div with jQuery?v
  30. How do I pass variables and data from PHP to JavaScript?
  31. How do I set/unset a cookie with jQuery?
  32. How to convert selected HTML to Json?
  33. Failed to load resource: net::ERR_CONTENT_LENGTH_MISMATCH
  34. How to update array value javascript?
  35. How to move an element after another element using JS or jquery?
  36. Why is the jquery script not working?
  37. JQuery Datatables : Cannot read property ‘aDataSort’ of undefined
  38. TypeError: $(…).DataTable is not a function
  39. jQuery explode string like PHP
  40. Validate date in dd/mm/yyyy format using JQuery Validate
  41. Simulate Keypress With jQuery
  42. Adding options to a
  43. HTML Entity Decode
  44. jquery beforeunload when closing (not leaving) the page?
  45. How do I pass the this context to a function?
  46. Escaping HTML strings with jQuery
  47. jQuery – Dynamically Create Button and Attach Event Handler
  48. How to use z-index in svg elements?
  49. What is the best way to detect a mobile device?
  50. How to filter JSON Data in JavaScript or jQuery?
  51. Highlight a word with jQuery
  52. Get querystring from URL using jQuery [duplicate]
  53. jQuery checkbox change and click event
  54. jQuery selectors on custom data attributes using HTML5
  55. TypeError: abc.getAttribute is not a function
  56. jQuery sort elements using data id
  57. How to fire an event on class change using jQuery?
  58. navigator.geolocation.getCurrentPosition sometimes works sometimes doesn’t
  59. Uncaught SyntaxError: Unexpected token with JSON.parse
  60. How to open a Bootstrap modal window using jQuery?
  61. window.location.replace() not working to redirect browser
  62. How should I initialize jQuery?
  63. How to reload page every 5 seconds?
  64. jquery to validate phone number
  65. Closing Bootstrap modal onclick
  66. Fire oninput event with jQuery
  67. What’s a Good Javascript Time Picker?
  68. Cannot read property ‘preventDefault’ of undefined in javascript error
  69. WordPress Bootstrap Handburger Menu Wont Open
  70. WordPress 5.5 – ReferenceError: commonL10n is not defined error
  71. Ajax Load More Posts in Category Page
  72. How to use WordPress (PHP) functions in AngularJS partials files?
  73. How to test nonce with AJAX – Plugin development
  74. Slider loading issue
  75. Jquery function working in Chrome Console but not in the code [closed]
  76. How to add a do_action on refreshing of WP customizer?
  77. Add / Update Custom Fields After Select Pictures in Media Window
  78. Error – ‘create_function is deprecated’ [closed]
  79. Why i can’t get custom fields value or post ID via Ajax?
  80. Getting a variable inside foreach from PHP to JS after localization
  81. Accessing an API with jQuery and AJAX
  82. Replacing WordPress Icons (menu,icons32, etc)?
  83. Change each text after 4 second and each image after 2 second
  84. Putting custom html/js page into Elementor as it’s own block
  85. wp post_tag change minlength
  86. How to locate the js code and php code for certain function?
  87. Add other class content with reference class value
  88. Link to Lightbox Image-Group from Menu?
  89. How to call a function from functions.php with ajax?
  90. number of posts with “Load More”
  91. Add a downloaded JS file to WordPress
  92. Why this plugin is not working?
  93. Trying to fix multiple category drop down
tech