jQM 1.4 dynamic collapsible set

by Erik Zanker

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.css">
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.0/jquery.mobile-1.4.0.min.js"></script>
<div data-role="page" id="pageprostori">
	<div data-role="header">
		<a href="#page" data-rel="back">Back</a><h1 class="prostoriHeader">Prostori</h1>
	</div>
	<div data-role="content" align="center">	
        <a href="#" onclick="gotoprostor1();" class="ui-btn ui-shadow ui-corner-all"><div class="prostor1tr">Prostor 1</div></a><br />
        <a href="#" onclick="gotoprostor2();" class="ui-btn ui-shadow ui-corner-all"><div class="prostor2tr">Prostor 2</div></a><br />
        <a href="#" onclick="gotoprostor3();" class="ui-btn ui-shadow ui-corner-all"><div class="prostor3tr">Prostor 3</div></a><br />
        <a href="#" onclick="gotoprostor4();" class="ui-btn ui-shadow ui-corner-all"><div class="prostor4tr">Prostor 4</div></a>
	</div>
	<div data-role="footer" class="CSO" data-position="fixed" id="pageprostorifooter">

    </div>
</div>
        

<div data-role="page" id="pagetest">
	<div data-role="header">
    <a href="#pageprostori" data-rel="back">Back</a><h1>testing</h1>
    </div>
	<div id="obnovi" data-role="content">
        	
			
			<div data-role="collapsible-set" data-content-theme="d" id="set" class="set">
            </div>
				
    </div>
	<div data-role="footer" class="CSO" data-position="fixed" id="page5footer">

    </div>
    </div>

JavaScript

function dejmo(){

	var praviJezik = localStorage.getItem('jezik');
	var praviProstor = localStorage.getItem('prostor');
	
	 
    for (i = 0; i < 3; i++)
	 {
	 if (praviProstor =='prostorena'){
	 if (praviJezik =='eng'){var naslov = localStorage.getItem('p1engnaslov'+i);};
	 if (praviJezik =='slo'){var naslov = localStorage.getItem('p1slonaslov'+i);};
	 if (praviJezik =='deu'){var naslov = localStorage.getItem('p1deunaslov'+i);};
	 if (praviJezik =='hun'){var naslov = localStorage.getItem('p1hunnaslov'+i);};
	};
	if (praviProstor =='prostordva')
	{
	 if (praviJezik =='eng'){var naslov = localStorage.getItem('p2engnaslov'+i);};
	 if (praviJezik =='slo'){var naslov = localStorage.getItem('p2slonaslov'+i);};
	 if (praviJezik =='deu'){var naslov = localStorage.getItem('p2deunaslov'+i);};
	 if (praviJezik =='hun'){var naslov = localStorage.getItem('p2hunnaslov'+i);};
	};
	if (praviProstor =='prostortri')
	{
	 if (praviJezik =='eng'){var naslov = localStorage.getItem('p3engnaslov'+i);};
	 if (praviJezik =='slo'){var naslov = localStorage.getItem('p4slonaslov'+i);};
	 if (praviJezik =='deu'){var naslov = localStorage.getItem('p5deunaslov'+i);};
	 if (praviJezik =='hun'){var naslov = localStorage.getItem('p6hunnaslov'+i);};
	};
	
 
	    var content =$("<div data-role='collapsible' id='set" + i + "'><h3>Sectionit " + i + "</h3><p>I\'m collapsible number " + i + "</p></div>"); 
		$('#set').append(content);
		content.collapsible();
    };
    
    $('#set').collapsibleset();

		
}; 



function gotoprostor1(){
localStorage.setItem('prostor','prostorena');
$('#set').empty();
dejmo();
window.location.href = "#pagetest";
};

function gotoprostor2(){
localStorage.setItem('prostor','prostordva');
$('#set').empty();
dejmo();
window.location.href = "#pagetest";
};

function gotoprostor3(){
localStorage.setItem('prostor','prostortri');
$('#set').empty();
dejmo();
window.location.href = "#pagetest";
};

function...