小编gbv*_*nti的帖子

用css展开和折叠

我在Jquery中创建了一个函数来扩展和折叠div的内容.现在,我想用CSS制作它,并使用箭头图像,就像这些一样

在此输入图像描述 在此输入图像描述

查看直播 jsFiddle

我也想消除所有这些标签范围,只保留div和它的内容

这是我到目前为止的代码.

<div class='showHide'>
    <span class='expand'><span id="changeArrow">&#8593;</span>Line expand and collapse</span>
    <fieldset id="fdstLorem">Lorem ipsum...</fieldset>
</div>
Run Code Online (Sandbox Code Playgroud)
$(document).ready(function () {
    $('.showHide>span').click(function () {
        $(this).next().slideToggle("slow");
        return false;
    });
    $(".showHide>span").toggle(function () {
        $(this).children("#changeArrow").text("?");
    }, function () {
        $(this).children("#changeArrow").text("?");
    });
});
Run Code Online (Sandbox Code Playgroud)

css expand collapse

2
推荐指数
1
解决办法
2万
查看次数

标签 统计

collapse ×1

css ×1

expand ×1