How to change visibility of a div css to visible with jQuery

Question

I have NEXT and PREVIOUS buttons on my screen. When the page initially loads I want the Previous button to be hidden and as soon as user clicks the Next button I want Previous b

Answer 1

First of all, the code of how you actually like to trigger the event, would be nice to know. Maybe the trigger is not working at all?

Additionaly you addressed differently. In CSS navigationButtonTop is a class (see the ".") and in JS it's an id (see the "#"). Is this the culprit in your atual code? If not I'll assume it's an id further...

For more readability try to move your visibility: hidden to an extra hidden class. So you just can trigger:

$("#navigationButtonBottom").on('click', function() {
  $("#navigationButtonTop").removeClass('hidden');
});

And in you HTML add the class hidden to your button

#navigationButtonTop.hidden { visibility:hidden; }

Or do it using javascript:

jQuery(document).ready( function($) {
  $("#navigationButtonTop").addClass('hidden');
})