Hallo,

ich soll in einer neuen Seite wenn möglich für die Checkboxen den iPhone Slider verwenden. Dazu nehme ich dieses Script: Link
So weit so gut. Jetzt müßten aber an verschiedenen Stellen diese Checkboxen noch mit anderen kleinen Funktionen verknüpft werden. Z.B. soll die Sichtbarkeit einer Box ein bzw. ausgeschaltet werden oder andere Formularelemente (de-)aktiviert werden. Was mit normalen Checkboxen funktioniert, versagt, wenn die Slider eingesetzt werden.
Als Beispiel mal das Ein- / Ausblenden:

HTML-Code:

<script type="text/javascript" charset="utf-8">
	$(document).ready(function() {
		$('.on_off :checkbox').iphoneStyle();
		$('.disabled :checkbox').iphoneStyle();
		$('.css_sized_container :checkbox').iphoneStyle({ resizeContainer: false, resizeHandle: false });
		$('.long_tiny :checkbox').iphoneStyle({ checkedLabel: 'Very Long Text', uncheckedLabel: 'Tiny' });
		
		var onchange_checkbox = $('.onchange :checkbox').iphoneStyle();
		setInterval(function toggleCheckbox() {
			onchange_checkbox.attr('checked', !onchange_checkbox.is(':checked')).change();
			$('span#status').html(onchange_checkbox.is(':checked').toString());
		}, 2500);
	});

function chk12fam(){
	if (document.objneu.haus12fam.checked == true) {
		document.getElementById('versicherung').style.visibility = "visible";
	}else{
		document.getElementById('versicherung').style.visibility = "hidden";
	}
}
</script>
<label class="label" for="haus12fam">1/2 Fam. Haus</label>
<div class="on_off" style="float: left;"><input type="checkbox" id="haus12fam" name="haus12fam" value="1" onclick="chk12fam();"></div><br />
<div id="versicherung" style="visibility: hidden;">
	<label class="label" for="ohneversicher">Versicherung</label>
	<div class="on_off" style="float: left;">
		<input type="checkbox" id="ohneversicher" name="ohneversicher" value="1">
	</div><br />
</div>

Gibt es eine einfache, (also auch für mich verständliche) Lösung, wie man das onclick zum Laufen bringt, oder müssen wir auf den Slider verzichten?

Danke schon mal im Voraus,
Sprint