Запустите разборный в JQUERY Mobile с отдельной кнопкой

Question

У меня есть сборщик в JQUERY Mobile, который я использую в качестве дополнительной информации.когда раскладушка раскрывается, в фиксированной кнопке и нижней части экрана отображается надпись «закрыть», чтобы вам не пришлось прокручиваться назад к вершине, чтобы закрыть раскладную.

То, что я хочу сделать, это вызватьскладной, чтобы закрыть с помощью фиксированной кнопки закрытия в нижней части экрана.я пробовал связывать методы, но моя неопытность мешает моему пониманию.

вот код, который я использую.

<div id="showbutton" data-role="collapsible" data-theme="b" data-transition="turn" data-content-theme="d" class="ui-shadow ui-btn-inline">
    <h2>Read more</h2>
    <h2 id="content">Lots and lots of content here</h2>

        <footer align="center" id="closefooter" data-role="footer" data-position="fixed" data-theme="b">
            <script>
                $(function() {
                    $("#closebutton").click(function() {
                        console.log("ok");
                    $( "#showbutton" ).trigger( "closebutton" );
                    });
                 });
            </script> 
        <a id="closebutton">close</a>
    </footer>

</div>

Answer 1

Рабочий пример: http://jsfiddle.net/nmxav27t/

$(document).on("click", "#closebutton", function(event) {
    $("#showbutton").collapsible("collapse");
});

Вам необходимо привязать щелчок (или событие касания) к кнопке, которую вы хотите использовать для закрытия, а затем вызвать свертывание на кнопке showbutton id.

Answer 2

Вы можете использовать метод collapse (), как описано здесь: https://api.jquerymobile.com/collapsible/

$( ".selector" ).collapsible( "collapse" );