How to make CSS (or JS?) hideable help bar

Tags: css,notification-bar

Problem :

Sort of how this website shows a bar on top when you have new answers or comments, I want to show a very similar bar that just has a line of text in it and an [X] to close it. How would I begin to do this?

Solution :

Here is how you can create it :)

    CSS Howto..

    How to get the “text-justify:kashida” css property effect on to the arabic text excluding IE browsers

    How to make text appears alitter above using html and css

    how to make minified and readable css file in sublime text?

    How To select a specific Div from its Class with JS

    How to remove the circle in the background of the impress.js demo

    CSS how to align elements inside a div with 2 columns

    How does Google Web Fonts decide which version of a font to provide to my browser?

    CSS: How to prevent focus from breaking absolute position in overflow:hidden wrapper

    How to make width grow slowly when I add element?

    Menu CSS showing current page in a single html file

    How should I change css style of fixed element to not crossing scrollbar

    How to add CSS to a class through jQuery?

    how i center div elements horizontally in css?

    how to make an empty span collapse

    How to make sidebar always visible in the Semantic UI

    How to put a inside a

    without transpassing border height? [closed]

    How to set a dynamic CSS value with JavaScript

    How to create two CSS transitions in parallel on nested elements

    How can i align these div containers

    Bootstrap progress bar with gradient color showing proportionally on active width

    How to properly align rows with bootstrap

    How to make a grid of interactive elements?

    How to neaten css shapes?

    CSS: How to attach an arrow to a div and make it overlap the border

    What's causing my hover image not to show it's transparency? [closed]

    How to make a background text appear under youtube video?

    How do you make speech bubble with Tooltipsy?

    Switching styles (Class) on a function that show and hide a div tag content

    How to remove space between columns in BluePrint CSS framework?

    How to modify your CSS working with Mobile Angular UI and Bootstrap