Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.Start your free trial
Jonathan GrieveTreehouse Moderator 91,250 Points
jQuery Notification Plugin
I know my account is on pause at the moment but I've got something of a mystery on my hands regarding what should be a simple implementation of a notification bar plugin and I thought I'd open it out to Treehouse users.
The plugin can be easily found and downloaded here. Notification Bar Demo
But I want to implement it on my own site. My Site and I've created a demo page to try and fix it up.
The code is there, the assets are there, the CSS is right. I've even tried changing the stacking order as the CSS for the bar is in an external file.
I don't see that it's being conflicted with other styles on the rest of my site. I've linked to the latest version of jQuery.
I want to be able to close the bar but the open state is up first and it leaves the red bar open. I can work around this by setting the jQuery to take down the whole bar by clicking anywhere on the red space. But that's not what it was designed to do and I'd like to get to the bottom of whats behind this issue if possible,
Any ideas? :)
I think you might be getting the terms confused. The 'open state' is when the bar is visible (and the close button is shown), and is the default (at least in the demo from the plugin site).
When I open your site, the bar is visible and closes (and re-opens) with the buttons like I would expect it to.
What was the behaviour you were expecting, from page load through to closing/opening the bar?
Or was it a styling issue?