JJ Dresden User-IW
New Member
I'm having an issue with the width of a div containing 2 floated elements in safari.One of the floated div's has it's width set to 0, and is expanded with jquery on a click event. The parent container in safari retains the width of both divs, even when the width is set to 0.There is an example of this here, working in everything but Safari.http://jsfiddle.net/XUR7R/6/HTML:\[code\]<div class="item-list"> <ul> <li class="article"> <div class="column"> Column 1<br/> <a href="http://stackoverflow.com/questions/13824415/#" class="expand">toggle</a><br/> </div> <div class="column expandableColumn"> Column 2 content </div> </li> </ul></div>\[/code\]?CSS\[code\].item-list{overflow:hidden; }.article{float:left;overflow:hidden;background:#555;padding:5px; }.column{float:left;height:100px;width:100px;background:red; }.expandableColumn{width:0; }?\[/code\]Javascript\[code\]$(document).ready(function() {$('.expand').click(function() { if ($(this).hasClass('.expanded')) { $('.expandableColumn').animate({ 'width': '0px' }); } else { $('.expandableColumn').animate({ 'width': '100px' }); } $(this).toggleClass('.expanded')});});?\[/code\]