Showing posts with label slideToggle. Show all posts
Showing posts with label slideToggle. Show all posts

Wednesday, 5 October 2011

jQuery & CSS: how to create a feedback slider

   


Today we are going to create a simple feedback slider using jQuery and CSS. I suppose you've seen many sliders on recently created web sites. They are used to make short forms or generic information slide over a page when a button is pressed. The slider (or tab if you prefer) can be placed where we need it and it can be styled the way we prefer.

We will create an example just to understand the basics behind it. Something like:

A form will slide down when the "feedback" button is pressed.

Wednesday, 26 January 2011

jQuery & CSS: simulate windows

   


In this post I will explain how to simulate a window effect using jQuery and CSS. What we want to achieve is to have a window like this one:

with those little close ("X") and hide/show ("_") buttons. It is very simple, so let's get to the code.