add/remove sibling elements attribute using jquery
<p>i have this html.</p>

<pre><code>&lt;tr&gt;
    &lt;td width="75"&gt;Mon&lt;/td&gt;
    &lt;td class="bn_time" width="60"&gt;
        &lt;input id="mon_open" name="mon_open" class="time" placeholder="opening time" /&gt;
    &lt;/td&gt;
    &lt;td class="bn_time" width="10" align="center"&gt;-&lt;/td&gt;
    &lt;td class="bn_time" width="100"&gt;
        &lt;input id="mon_close" name="mon_close" class="time" placeholder="closing time" /&gt;
    &lt;/td&gt;
    &lt;td colspan="3" align="center" class="bn_holiday" hidden&gt;Holiday&lt;/td&gt;
    &lt;td&gt;
        &lt;input type="checkbox" name="mon_closed" id="mon_closed" class="bn_closed" /&gt;
        &lt;label for="mon_closed"&gt;Closed&lt;/label&gt;
    &lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>what i am trying to do is using change event for checkbox <code>add/remove' hidden attribute to</code>` element. for example.</p>

<pre><code>if ('#bn_closed').is(':checked') {
    //hide all &lt;td&gt; element with class bn_time
    //show &lt;td&gt; element with class bn_holiday
} else {
    //show all &lt;td&gt; element with class bn_time
    //hide &lt;td&gt; element with class bn_holiday
}
</code></pre>

<p>this is what i tried to do using jQuery.</p>

<pre><code>$('.bn_closed').change(function() {
    var element = $(this);
    var id = element.attr('id');
    var day = id.slice(0,-7);
    var day_open = day+'_open';
    var day_close = day+'_close';
    if(element.is(':checked')) {
        //hide all &lt;td&gt; element with class bn_time
        //show &lt;td&gt; element with class bn_holiday
    } else {
        //show all &lt;td&gt; element with class bn_time
        //hide &lt;td&gt; element with class bn_holiday
    }
});
</code></pre>

<p>there is on important thing to note, <strong>there are multiple  element with the same class name. i want to modify the attribute of  element of just siblings not all that is in the table.</strong></p>

<p>thank you.</p>
