Привет! У меня есть функция поиска на ползунке. https://www.villasalesbali.com/. Для определения местоположения и типа свойства выберите раскрывающиеся списки + флажки. Но когда я попытался сделать несколько флажков, раскрывающийся список закрывается. Все, что я хочу, это когда пользователь все еще делает несколько флажков на поле, раскрывающийся список все еще открыт. но когда пользователь щелкнет другую область этого поля местоположения, раскрывающийся список закроется.
Я попытался использовать функцию триггера для отображения и раскрытия раскрывающегося списка, но теперь он не работает должным образом, поскольку пользователь должен иметь возможность устанавливать несколько флажков, не закрывая раскрывающийся список
var expanded = false;
function showCheckboxes2() {
var checkboxes = document.getElementById("checkboxes2");
if (!expanded) {
checkboxes.style.display = "block";
expanded = true;
} else {
checkboxes.style.display = "none";
expanded = false;
}
$(document).ready(function(){
// Show hide popover
$("#locationtrigger").click(function(){
$(this).find("#checkboxes2").slideToggle("fast");
});
});
$(document).on("click", function(event){
var $trigger = $("#locationtrigger");
if($trigger !== event.target && !$trigger.has(event.target).length){
$("#checkboxes2").slideUp("fast");
}
});
<div id="locationtrigger" class="selectBox" onclick="showCheckboxes2()">
<select id=select-property-type class=search-select>
<option>Select an option</option>
</select>
<div class="overSelect"></div>
</div>
<div id="checkboxes2">
<label for="one">
<input type="checkbox" name="location[]" value="balangan"/>Balangan</label>
<label for="two">
<input type="checkbox" name="location[]" value="berawa"/>Berawa</label>
</div>
Я ожидаю, что раскрывающийся список все еще открыт, когда я делаю несколько флажков в раскрывающемся списке, но на самом деле не работает.