Есть форма с двумя input radio и невидимым div#floor:
<form>
<div>
<input type="radio" id="bild-type-panel" name="bild-type" value="pdr" />
<input type="radio" id="bild-type-brick" name="bild-type" value="kdr" />
</div>
<div style="display:none;" id="floor"></div>
</form>
При выборе одного из input делаю div#floor видимым и подгружаю в него содержимое:
$(document).ready(function(){
$('#bild-type-panel').click(function(){
$('#floor').slideToggle("slow");
$.ajax({
url: "floor/floor-panel.html",
cache: false,
success: function(html){
$("#floor").html(html);
}
});
});
$('#bild-type-brick').click(function(){
$('#floor').slideToggle("slow");
$.ajax({
url: "floor/floor-brick.html",
cache: false,
success: function(html){
$("#floor").html(html);
}
});
});
});
Проблема в том, что если пользователь передумал и выбрал другой input, то div#floor снова закроется.
Подскажите как сделать, чтобы если div#floor уже открыт не выполнять $('#floor').slideToggle("slow"); а просто подгружать содержимое.