[在单击链接时显示div类

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[在单击链接时显示div类相关的知识,希望对你有一定的参考价值。

如何在单击链接时显示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>

默认显示“ myform” div。单击textarea或复选框的链接时如何显示相同的“ myform” div?

答案
编辑:应该这样做:
另一答案
好..我刚刚完成了karim的工作:

$('#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上分配一个ID,>

以上是关于[在单击链接时显示div类的主要内容,如果未能解决你的问题,请参考以下文章

Snackbar 在片段类中不起作用

单击时显示/隐藏 div 并在单击 div 外部后消失

NatTable 示例中是不是有任何 API 在单击查看源链接时显示源代码?

单击另一个 div 时显示 div

仅在单击某个按钮时显示弹出窗口

javascript 单击时显示,隐藏和切换div