使用jquery mobile点击链接展开和折叠

Question

我希望在点击＆＃34;更多＆＃34;等链接时展开和折叠列表内容和＆＃34;少＆＃34;使用jquery mobile。可能吗？请帮助。

由于

Answer 1

您好重新发布此链接http://jsfiddle.net/KqFRu/7/

<div>
    <fieldset class="majorpoints">
    <legend class="majorpointslegend">Expand</legend>
    <div class="hiders" style="display:none" >
        <ul>
            <li>cccc</li>
            <li></li>
        </ul>
    </div>
</div><div>
    <fieldset class="majorpoints">
    <legend class="majorpointslegend">Expand</legend>
    <div class="hiders" style="display:none" >
        <ul>
            <li>cccc</li>
            <li></li>
        </ul>
    </div>
</div><div>
    <fieldset class="majorpoints">
    <legend class="majorpointslegend">Expand</legend>
    <div  class="hiders" style="display:none" >
        <ul>
            <li>cccc</li>
            <li></li>
        </ul>
    </div>
</div><div>
    <fieldset class="majorpoints">
    <legend class="majorpointslegend">Expand</legend>
    <div class="hiders" style="display:none" >
        <ul>
            <li>cccc</li>
            <li></li>
        </ul>
    </div>
</div>

和JS

$('.majorpoints').click(function(){
    $(this).find('.hiders').toggle();
});

Answer 2

最好的解决方案是根本不使用javascript。请在此处查看：https://jsfiddle.net/zx3du1p6/1/

input[type="checkbox"] {
    display: none;

    &:checked ~ .list-item {
        display: block;
    }
}

.list-item {
    display: none;
}

这使用jquery：https://jsfiddle.net/zx3du1p6/

$('button').click(function() {
    $('li').toggleClass('open')
})

如果您必须使用jquery mobile，则可以使用可折叠集：https://jsfiddle.net/zx3du1p6/2/

<div data-role="collapsibleset" data-theme="a" data-content-theme="a">
    <div data-role="collapsible">
        <h3>Load more</h3>
    <p>List goes here</p>
    </div>
</div>