Sign up ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

I'm trying to implement a very simple vertical slide down panel in Wordpress, I've tried jbar ( and an easy JS method I found in

But I still cannot get this implemented, I've tried inserting the below code in the footer.php right before it's close, and within the header.php and still nothing appears.

<script src="">



And CSS:

#notification {
    background-color: #F00;
    color: #FFF;
    height: 25px;
    position: absolute;
    top: -25px;
    width: 100%;
    transition: top 0.5s;
    -moz-transition: top 0.5s;
    -webkit-transition: top 0.5s;
    -o-transition: top 0.5s;

#notification.visible {
    top: 0px;

The HTML CTA via the div, I've tried calling with the <head> and <body>

<div id="notification">Page load complete...</div>
share|improve this question

1 Answer 1

up vote 2 down vote accepted

In order to be compatible with other libraries, jQuery loads in "no conflict" mode by default . Try rewriting your code to use the jQuery keyword instead of $.

jQuery(function ($) {
share|improve this answer
So it's implemented now. BUT, the above the fold area is blank upon page load. When you scroll below the 'above-the-fold' and then scroll back up, the content there appears. Weirdest thing ever. Any ideas? – YourConscious Feb 6 '12 at 18:45
I'd have to see the page. – Kyle Feb 6 '12 at 18:49
It was a confliction with other plugins I had implemented apparently, once deactivated - boom. – YourConscious Feb 6 '12 at 19:12

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.