Basit html & jQueryjQuery geçiş div
<label><input id="rdb1" type="radio" name="toggler" value="1" />Money</label>
<label><input id="rdb2" type="radio" name="toggler" value="2" />Interest</label>
<div id="blk-1" style="display:none">
...
</div>
<div id="blk-2" style="display:none">
...
</div>
$(function() {
$("[name=toggler]").each(function(i) {
$(this).change(function(){
$('#blk-1, #blk-2').hide();
divId = 'blk-' + $(this).val();
$("#"+divId).show('slow');
});
});
});
istenen geçiş efekti olsa çalışmaz. Bir radyo kutusunu tıklamak diğerini gizleyemez.
Herhangi bir Fikir? Burada
'u değiştirecek, ancak kodunuzdaki diğer radyo düğmesini gizlemeyecekseniz, yalnızca bir tanesini göstereceksiniz? –
Her bir –
koduna ihtiyacınız yoktur. Kodunuz benim için çalışıyor: http://jsfiddle.net/Reqyx/ (Diğerlerinin de belirttiği gibi. .each() 'e ihtiyacınız yok. Buna ek olarak, bildirmeniz gerekir. 'var' ile değişken.) – user113716