Home/ Questions/Q 7418309
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T07:51:46+00:00

I’m trying to implement a very simple vertical slide down panel in WordPress, I’ve

  • 0

I’m trying to implement a very simple vertical slide down panel in WordPress, I’ve tried jbar (http://tympanus.net/codrops/2009/10/29/jbar-a-jquery-notification-plugin/) and an easy JS method I found at http://jsfiddle.net/ahr3U/

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="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
    <script>

    $(document).ready(function(){
        $("#notification").addClass("visible");
    });

    </script>

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

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try putting the script code in the and make sure you close the first script tag where you include the jquery library

     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    • 0