Вопрос по slideToggle
Есть форма с двумя 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"); а просто подгружать содержимое. |
Добавил:
$("#floor:not(.active)").slideToggle("slow");
$('#floor').addClass("active");
Теперь работает. Нормальное ли это решение?
<script>
$(document).ready(function(){
$('#bild-type-panel').click(function(){
$("#floor:not(.active)").slideToggle("slow");
$('#floor').addClass("active");
$.ajax({
url: "floor/floor-panel.html",
cache: false,
success: function(html){
$("#floor").html(html);
}
});
});
$('#bild-type-brick').click(function(){
$('#floor').slideToggle("slow");
$("#floor:not(.active)").slideToggle("slow");
$('#floor').addClass("active");
$.ajax({
url: "floor/floor-brick.html",
cache: false,
success: function(html){
$("#floor").html(html);
}
});
});
});
</script>
|
Вопрос можно удалить.
Понял всю его глупость. |
| Часовой пояс GMT +3, время: 21:43. |