Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
On a Blackberry Bold 9650 running OS 6, collapsible elements do not expand/collapse properly. This workaround adds an event listener with a `setTimeout` of zero milliseconds.
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>BB6 Collapsible</title>
<link rel="stylesheet" href="">
<script src=""></script>
$(document).ready(function() {
if (/blackberry/i.test(navigator.platform)) {
setTimeout(function () {
$('.ui-collapsible-heading').tap(function() {
var $collapsible = $(this);
if ($'.ui-collapsible-heading-collapsed')) {
else {
},0); // end of setTimeout()
<script src=""></script>
<!-- /roles -->
<div data-role="page" data-theme="b">
<!-- /header -->
<div data-role="header" data-theme="b">
<h1>Page Title</h1>
<!-- /content -->
<div data-role="content">
<div data-role="collapsible" data-collapsed="true" data-theme="c">
<h3>I'm closed at the start</h3>
<p>You won't be able to see this when the page loads.</p>
<div data-role="collapsible" data-theme="c">
<h3>I'm open at the start</h3>
<p>You should be able to see this when the page loads.</p>
<p>Some other content on the page.</p>
<div data-role="footer" data-theme="b">
<h4>Page Footer</h4>
<!-- Roles [End] -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.