Today we will create an elegant accordion for content. The idea is to have some vertical accordion tabs that slide out when hovering. We will add some CSS3 properties to enhance the looks.

Create a SSD Virtual Server with DigitalOcean , using this link you get $100 FREE

digital ocean

This jQuery example shows you how to create a flexible vertical accordion. The main idea is to expand the accordion slices when you click over the option, also the other slices will become less opaque and squeezed.

If you have a news blog or website, it could be interesting to show the last tweets about a topic. Here you have a jQuery Ajax Example for showing the latest tweets about a certain word or phrase.

Web Ajax events calendar similar to Google Calendar or Microsoft Outlook Calendar. The events can be displayed in Day, Week, Month, Year, or Agenda views. Users can change events dates and time using an advanced drag and drop functionality.

Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.

datatable jQuery plugin that offers pagination, animated scrolling through pages and intelligent natural sorting capability. The development version is currently 15KB.

Elastislide, the responsive image carousel, has been updated and improved. It can be used vertically or horizontally and a minimun number of visible images can be specified.

How to create a group of collapsible folders using pure JavaScript and some JQuery added to the final product to give it a little bit of flare. The code will be structured in such a way that allows for implementation into a dynamic page - wherein the number of folders may be unknown.

In this tutorial we are going to make an AJAX contact form which leverages modern web development techniques. We are using PHP, CSS and jQuery with the help of the formValidator plugin for form validation and the JQTransform plugin, which will style all the input fields and buttons of the form. In addition we are using the PHPMailer class to send out the contact form emails.

The AutoSuggest class adds a popdown menu of suggested values to a text field. The user can either click directly on a suggestion to enter it into the field, or navigate the list using the up and down arrow keys, selecting a value using the tab key. The values for the suggestion list are to provided as XML (by a PHP script, or similar).

The general idea was that I would allow the user to select a filter column from a drop down list. Then as they key in characters into the adjacent textbox I would use the AjaxControlToolkit's AutoComplete extender to suggest some values to filter by.

Loading ...

Recent Comments

SEO Training in Hyderabad said:

Bharat Go Digital Academy is a online e learning platform where we teach people the digital skills.

deekshitha said:

Informative blog <a href="https://360digitmg.com/data-analytics-certification-training-course-in-hyderabad">data ...

360DIGITMGtraining said:

I am impressed by the information that you have on this blog. It shows how well you understand this subject. https://360digitmg.com/digital-marketing-training-in-hyderabad ...

tanish velu said:

Thank you for your post, I look for such article along time, today i find it finally. this post give me lots of advise it is very ...

deekshitha said:

Informative blog <a href="https://360digitmg.com/digital-marketing-training-in-hyderabad">best ...

ssdd said:

dsddssd

360DIGITMGtraining said:

It's really nice and meaningful. it's a really cool blog.you have really helped lots of people who visit blogs and provide ...

amritabansal said:

In today's world Data Science is the most desirable course among students and professionals. When I came to know about this ...

data science course syllabus said:

Very Nice Article

princika sweety said:

I want to leave a little comment to support and wish you the best of luck we wish you the best of luck in all your blogging enedevores ...