показать класс div при нажатии на ссылку

Question

Как показать класс div при нажатии на ссылку?

Это класс div, который должен быть показан:

<div id="fb_contentarea_col1down1">
<div class="myform" id="step2">

<form action="index.html" method="post" name="FieldSetting" id="FieldSetting"> 
<label class="topspace">Field Label:
</label>

<input id="fieldName" name="fieldName"></input>
<label class="topspace">Field Size:
</label>

<select id="fieldSize" name="fieldSize" >
        <option >Choose a size </option>
        <option value="small">Small</option>
        <option value="medium">Medium</option>
        <option value="large">Large</option>
</select> 

<label class="topspace">Options:
</label>

<input id='required' name="required" type='checkbox'>Required</input>

<label class="topspace">Instruction for User:
</label>

<textarea cols="40" id="instructions" name="instructions" rows="20" style="width: 98%; height: 70px;"></textarea>
<br class="clear_both"/>
<input type="submit" class="button" value="Submit"/>

</form>
</div><!-- End of myform -->
</div><!-- End of fb_contentarea_col1down1 -->

Этот класс div должен отображаться, когда я нажимаю на любую из приведенных ниже ссылок:

<div id="fb_contentarea_col1down">

<ul class="formfield">
<li class="selected"><a href="#" id="text">Text</a></li>

<li><a href="#" id="textarea">Textarea</a></li>

<li><a href="#" id="checkbox">Checkbox</a></li>
</ul>
</div>

Div myform отображается по умолчанию. как показать тот же div 'myform', когда я нажимаю на ссылку для textarea или флажок?

Answer 1

РЕДАКТИРОВАТЬ: Это должно сделать это:

$('#fb_contentarea_col1down a').click(function() {
    $('#fb_contentarea_col1down1').show();

    //find the element in the div with class of selected and remove
    //all classes from it
    $('#fb_contentarea_col1down').find(".selected").removeClass();

    //add the class to the li parent of the clicked anchor
    $(this).parent().addClass("selected");
});

Answer 2

хорошо .. я только что завершил то, что сделал Карим:

$('#fb_contentarea_col1down a').click(function() {
    $('#fb_contentarea_col1down1').show();


    // to remove all selected 
    $('.fb_contentarea_col1down li').attr('class',''); // this will reset all class 

    // assign the selected class for this link only 

    var id = $(this).attr('id');
    // set selected on the <li>
    $('#'+id+':parent').attr('class','selected'); 
});

Вам просто нужно назначить идентификатор для каждого <a> tags