Question

我有4个按钮，这些按钮是用CSS设置的Div。我想要的是显示/隐藏每次点击按钮时包含在另一个Div中的数据。

我正在使用jQuery来执行此操作，目前我有以下代码：

<script type="text/javascript">
    $(document).ready(function () {
        $("#aboutbody").hide();
    });
</script>
<script>
    $(document).ready(function () {
        var $aboutbody = $('#aboutbody');
        $('#about').on('click', function () {
            $aboutbody.show();
        });
    });
</script>

#about是我的按钮，#aboutbody是我想要显示的内容。我已经尝试复制上面的代码用于我的所有按钮，但是它们仅在按相应的顺序点击时显示？

Answer 1

$(document).ready(function(){});

应该只使用一次。你输入的是当文档“准备好”（加载）时将执行的代码。

你的#secondbody div在第一个div中，所以是的，它需要第一个显示。

<div id="firstbody">
    <div class=".main">
        Information to be displayed when First is clicked ont
    </div>
</div><br><br>

<div id="secondbody">
    <div class=".main">
        <span>Information to be displayed when second is clicked</span>
    </div>
</div>

<div id="thirdbody">
    <div class=".main">
        <span>Information to be displayed when Third is clicked</span>
    </div>
</div>

这是小提琴：http://jsfiddle.net/gyLz4/1/

使用jQuery创建Div按钮 - .show / .toggle / .hide？

1 个答案: