That's probably because the elements didn't previously have the 'block'
value. But why don't you just simply use:
script type=text/javascript
$(function()
{
$(#btnEmail).click(function(){$(select).hide()});
$(#btnSearch).click(function(){$(select).show()});
});
/script
On Wed, Oct 22, 2008 at 3:59 PM, [EMAIL PROTECTED]
[EMAIL PROTECTED] wrote:
Hi,
When I click on a button it should hide all my 'select' input and when
I click on another button, it should make them visible again. Here's
how I do it :
div
asp:DropDownList ID=ddSearchCriteria runat=server /
input type=button id=btnSearch value=Go /
input id=btnNewCutting type=button value=New /
input id=btnEmail type=button value=Email /
asp:DropDownList ID=ddSortBy runat=server
AutoPostBack=true/asp:DropDownList
/div
script type=text/javascript
$(document).ready(function() {
$(#btnEmail).bind(click, function(e) {
$(select).css(display, none);
});
$(#btnSearch).bind(click, function(e) {
$(select).css(display, block);
});
});
/script
This works, except that when I make them visible again, the layout
changes ! The elements in the div are no longer next to each other.
Now there is the first select, then the 3 buttons underneath, then the
second select underneath the 3 buttons.
Why .css(display, none) changes the layout ?
--
Isaak Malik
Web Developer