Hello again!
<div class="container">
<h1>GENERAL</h1>
<div class="left">
<input type="checkbox" name="application[]" value="101"><a
class="tooltip" href="#">App #1<span>Info</span></a><br>
<div id="div101">[SECRET FIELD FOR App #1]</div>
<input type="checkbox" name="application[]" value="100"><a
class="tooltip" href="#">App #2<span>Info</span></a><br>
<div id="div100">[SECRET FIELD FOR App #2]</div>
.....
</div>
</div>
I'd like to have it so when I click the checkbox for "App #1" only the
"secret field" for App #1 becomes visable.
Thanks for your help!
Best regards
On Feb 26, 2:18 pm, Stephan Veigl <stephan.ve...@gmail.com> wrote:
> Hi
>
> the example is working on IDs (see the # in the selector).
> If you send a HTML snippet of your page, maybe I better understand
> what you mean.
>
> by(e)
> Stephan
>
> 2009/2/26 nubcake <unniw...@gmail.com>:
>
>
>
> > Hey!
>
> > Is there any simple way to rewrite that so it works on ID:s instead on
> > class?
> > I have several checkboxes/"hidden divs", but I only want to "unhide"
> > the div that belongs to the clicked checkbox.
>
> > Best regards.
>
> > On Feb 18, 5:10 pm, Stephan Veigl <stephan.ve...@gmail.com> wrote:
> >> Hi Miguel,
>
> >> you can use the click trigger of the checkbox:
>
> >> <form>
> >> show secret: <input id="checkbox" type="checkbox"/>
> >> <div id="div">
> >> secret field: <input type="text" />
> >> </div>
> >> </from>
>
> >> $("#div").hide();
>
> >> $("#checkbox").click(function(){
> >> if ( this.checked ) {
> >> $("#div").show();
> >> } else {
> >> $("#div").hide();
> >> }
>
> >> })
>
> >> by(e)
> >> Stephan
>
> >> 2009/2/18 shapper <mdmo...@gmail.com>:
>
> >> > Hello,
>
> >> > On a form how can I Show a fieldset when a checkbox is Selected and
> >> > Hide the same fieldset when the same checkbox is unselected?
>
> >> > Thanks,
> >> > Miguel
