使用JQuery/Javascript如何使用更改事件折叠JQuery mobile可折叠对象？

我有一个可折叠的对象，里面有两个选择。当用户从其中一个选项中选择一个选项时，我希望可折叠对象折叠

这是我的html：

<div data-role="collapsible" data-collapsed-icon=" " data-expanded-icon=" ">
    <h1 class="toggleHolder ui-nodisc-icon" href="#toggles"><span class="displayLang" id="displayLang"></span>&nbsp;/&nbsp;<span class="displayRegion" id="displayRegion"></span></h1>
    <div class="toggleHolder" id="toggleHolder" data-role="main">
        <form>
            <fieldset class="ui-field-contain">
            <label for="langSelect">Language:</label>
                <select name="langSelect" id="langSelect">
                    <option value=" " selected>Select Language</option>
                    <option value="en">English</option>
                    <option value="fr">French</option>
                </select>
            </fieldset>

            <fieldset class="ui-field-contain">
            <label for="regionSelect">Region:</label>
                <select name="regionSelect" id="regionSelect">
                    <option value=" ">Select Province</option>
                    <option class="province" value="ab">Alberta</option>
                    <option class="province" value="bc">British Columbia</option>
                    <option class="province" value="mb">Manitoba</option>
                    <option class="province" value="nb">New Brunswick</option>
                    <option class="province" value="nl">Newfoundland</option>
                    <option class="province" value="ns">Nova Scotia</option>
                    <option class="province" value="on">Ontario</option>
                    <option class="province" value="pe">Prince Edward Island</option>
                    <option class="province" value="qc">Quebec</option>
                    <option class="province" value="sk">Saskatchewan</option>
                </select>
            </fieldset>
        </form>
    </div>
</div>

/ 
语言：
选择语言
英语
法语
地区：
选择省
阿尔伯塔省
不列颠哥伦比亚省
马尼托巴省
新不伦瑞克省
纽芬兰
新斯科舍省
安大略
爱德华王子岛
魁北克省
萨斯喀彻温省

以下是我第一次选择的脚本：

<script>
    $('#langSelect').change(function() {
        $('.ui-collapsible').attr('data-collapsed','true'); 
        $('.ui-collapsible').addClass("ui-collapsible-collapsed");      
    });
</script>

$（'#langSelect'）。更改（函数（）{
$（'.ui collapsable'）.attr（'data-collapsed'，'true'）；
$（'.ui-collapsable'）.addClass（“ui-collapsable-collapsed”）；
});

---

脚本将属性和类添加到可折叠对象中，但对象不会折叠。

尝试以下操作：

$(document).ready(function() {
    $('#langSelect').on("change", function() {
        $('.ui-collapsible').collapsible("collapse");     
    });
});

---

您正在使用哪个版本的jQuery Mobile？@ZacharyKniebel版本1.4.2