I tried with the last JQuery library (1.4.2) but without success ...

That's was tried on google Chrome, Firefox and Internet explorer.

The float was really toggle only with Chrome and the width is always interpreted in pixel, not in percentage on all browsers tested.

So if anyone know of fix it ^^

Here is the query I'm trying to use :

2. 
   
3. <script type="text/javascript">
4. $(document).ready(function() {
5. 
   
6. var sidebar = $("#sidebar");
7. var main = $("#main");
8. 
   
9. $('#bouton').toggle(
10. function()
11. {
12. sidebar.animate({
13. width: "toggle",
14. opacity: "toggle"
15. }, "slow"),
16. main.animate({
17. float: "left",
18. width: "100%",
19. // width: ($('#main').width()*1.0),
20. }, "slow");
21. function() {
22. sidebar.animate({
23. width: "toggle",
24. opacity: "toggle"
25. }, "slow"),
26. main.animate({
27. float: "right",
28. width: "70%",
29. // width: ($('main').width()*.70),
30. }, "slow");
31. }
32. );
33.    return false;
34. });
35. </script>