[jQuery] Re: How to select neighbouring elements

[marc]

Solved:

I have this HTML
                <tr><td colspan="2">
                        <input type="checkbox" name="dateFromCheckbox" 
onclick="showDates
(this,'From');">
                        <label for="dateFromCheckbox" name="label">Toon 
vanaf:</label>
                        <select name="yearFrom" onchange="initMonth
('from');"><cfoutput>#rc.utils.showTimepart("Years")#</cfoutput></
select>
                        <select name="monthFrom" onchange="initDate
('from');"><cfoutput>#rc.utils.showTimepart("Months")#</cfoutput></
select>
                        <select 
name="dayFrom"><cfoutput>#rc.utils.showTimepart("Days")#</
cfoutput></select>
                </td></tr>

                <tr><td colspan="2">
                        <input type="checkbox" name="dateToCheckbox" 
onclick="showDates
(this,'To');">
                        <label for="dateToCheckbox">Toon tot:</label>
                        <select name="yearTo" onchange="initMonth
('to');"><cfoutput>#rc.utils.showTimepart("Years")#</cfoutput></
select>
                        <select name="monthTo" onchange="initDate
('to');"><cfoutput>#rc.utils.showTimepart("Months")#</cfoutput></
select>
                        <select 
name="dayTo"><cfoutput>#rc.utils.showTimepart("Days")#</
cfoutput></select>
                </td></tr>

hide all selects on pageload with:

        $(":input[type$=select],:input[name$='From'],:input[name$='To']").hide
();

toggle all selects with:

function showDates(el,type){
        $(el).siblings(":input[name$='"+type+"']").each(function(){$
(this).toggle()})
}