Expand Collapse DIV from left to right on button click using JavaScript and jQuery

Question

In myproject I want to create a feedback form in below stylehttpdemostelerikcomaspnetajaxpanelbarexamplesapplicationscenariosslidingpanelbardefaultcsaspxWhen user click on ToolbarFeedback button a div should expand from left to right side and again on click it should set back to its positionThis ToolbarFeedback button should also be visible when user scroll down the pagePlease reply how to do this so that it should work in all the browsers properlyPlease reply

Richa · Accepted Answer

Please see the link below I want same functionality but on clickhttpimageshackcomaimg6616870TtwZMWpngWhen user click on Feedback a div should expand from left to right side and again on click it should set back to its positionThis Feedback button should also be visible when user scroll down the pagePlease reply how to do this so that it should work in all the browsers properly

Azim · Answer

I have tried this much code Please refer itltDOCTYPE html PUBLIC 34W3CDTD XHTML 10 TransitionalEN34 34httpwwww3orgTRxhtml1DTDxhtml1transitionaldtd34gtlthtmlgtltheadgt    ltscript src34httpsajaxgoogleapiscomajaxlibsjquery1111jqueryminjs34gtltscriptgt    ltstyle type34textcss34gt        body                    fontfamily Arial            fontsize 10pt                table                    border 1px solid ccc                table th                    backgroundcolor F7F7F7            color 333            fontweight bold                table th table td                    padding 5px            bordercolor ccc                ltstylegt    ltscriptgt        documentreadyfunction              34box234clickfunction                  if 34hdValue34val  34034                     34box34animate width 34

Expand Collapse DIV from left to right on button click using JavaScript and jQuery

Company

Explore

Follow us

Contact Us