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 button (div tag to be visible). I have a CSS property for Previous button where I am setting the visibility value to False. 
And also an if statement where I check to see if page counter is greater than 1 then change the visibility of navigationButtonTop to true. It is not working..what am I doing wrong !?

```js
$(function() {
  $("#navigationButtonTop").css("visibility", "visible");
});
```

```css
div.navigationButtonTop {
  visibility: hidden;
  height: 100px;
  width: 100px;
  background-color:blue;
}
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="navigationButtonTop"></div>
```

Answer: 
firstly you have not closed your if statement and `navigationButtonTop` is a class not a id try this.

```
if (that.get("pageCounter") >= 1) {
     $(".navigationButtonTop").css("visibility", "visible");
}

```

as the OP has edited his question the new answer would be:

```
$(function() {
  $(".navigationButtonTop").css("visibility", "visible");
});

```
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');
})

```