如何只制作一个下拉列表在单击时下拉

How to make only one dropdown list to be dropped down on click?

本文关键字：下拉列表 一个 单击      更新时间：2023-09-26

>我有三个水平下拉列表，在单击特定行时显示站名。

但是，当我单击一行时，所有列表都会下拉。实际上，我只希望删除特定列表，而其他列表保持不删除状态，直到用户单击它们。

如何实现这一点？

我在这里删除列表的JS：

;(function($) {
/* выбор города */
$('.lines_list').click(function(){
$(".stations_list").slideToggle('fast');
});
})(jQuery);

现场演示在这里：https://www.metroguides.net/ru/cities/kazan-metro

提前非常感谢你。

您将事件处理程序放在所有三个下拉列表中。单击一个时，您可以告诉每个".stations_list"滑动切换。

请尝试以下代码。在这里，它应该只slideToggle使用 $( this ) 单击的元素

。 
;(function($) {
/* выбор города */
$('.lines_list').click(function(){
$( this ).find(".stations_list").slideToggle('fast');
});
$('ul.stations_list li').click(function(){
var tx = $(this).html();
var tv = $(this).attr('alt');
$( this ).parent().slideUp('fast');
$(".lines_list span").html(tx);
$(".lines_text").html(tv);
});
})(jQuery);
相关文章：