Intelliwins Blog

Anything you wanna know about?

Textbox Swapper with Jquery and CSS3

by Admin 24. September 2013 13:48

This a sample code snippet we have written during development of one of our application at intelliwins , This is a textbox swapper using jquery and CSS3

Sample Codes


       $(document).ready(function () {

                $(".switchFields").click(function (e) {

                    swap(e, '#Text1', '#Text2');



Here .switchField is the class of the anchor which need to be clicked for the textbox swapping. Text1 and Text2 are the textbox which are swapped. Also you need to inclde the Stylesheet file and the JS file which is included in the link below with the demo application.  One more thing you need to enter some values into textbox before swapping.

You could download the sample code in following link




Tags: , ,

Jquery | CSS | Tips and tricks

Add comment

  • Comment
  • Preview

Brit Colony, Bhubaneswar,India +91 94384 80191 info@

About Us

Intelliwins mission is to alter the dynamics of the software industry by providing trusted, supportive and quality software development servies to clients that view our partnership as a strategic driver for their success.


Enter your email to join our mailing list