issue with DataList RepeatColumns property

[graphicsxp@googlemail.com]

Hi,

I have the following datalist which basically displays dropdownList
in 3 columns.

<asp:DataList ID="dlFilters"
runat="server"
RepeatDirection ="Vertical"
RepeatLayout="F low"
RepeatColumns=" 3"
CellPadding="10 "
CellSpacing="10 "
OnItemDataBound ="dlFilters_OnI temDataBound"
Width="100%" Height="100%">
<ItemTemplate >
<asp:DropDownLi st ID="ddFilter" runat="server"
CssClass="Filte rsBox" Width="150px"></asp:DropDownLis t>
</ItemTemplate>
</asp:DataList>



It works fine when my page is loaded, I got my 3 columns :)

However I have a little javascript function which hides/shows these
dropdowns. As soon as I show the dropdowns again, the layout is lost,
and they are all displayed in a single column :(

I don't think the javascript is the issue there but here's the code
(I'm using jQuery) :

$("#showFilters ").bind("click" , function(e) {

$(":input", "#divFilters"). css("display", "block");

});
$("#hideFilters ").bind("click" , function(e) {

$(":input", "#divFilters"). css("display", "none");

});

$("#showFilters ").bind("click" , function(e) {

$(":input", "#divFilters"). css("display", "block");

});
$("#hideFilters ").bind("click" , function(e) {

$(":input", "#divFilters"). css("display", "none");

});

Anyone has experienced this ?



Thanks