Javascript List.js多个排序按钮，而不是一个

我想为每个排序函数创建两个按钮，一个按升序排序，另一个按降序排序。目前，每个按钮都执行这两项任务，用户必须重新单击该按钮以执行其他排序功能。如何将这些操作分成两个单独的函数/按钮，以便一个按升序排序，另一个按降序排序

$（函数（）{
var options={valueNames:['name'，'date'，'decoverity']}；
var userList=新列表（“搜索结果”，选项）；
//分类
userList.on（“更新”，函数（）{
$（'.sort'）。每个（函数（）{
if（$（this.hasClass（“asc”））{
$（this.find（“.fa”）.addClass（“fa sort asc”）.removeClass（“fa sort desc”）.show（）；
}else if（$（this.hasClass（“desc”））{
$（this.find（“.fa”）.addClass（“fa sort desc”）.removeClass（“fa sort asc”）.show（）；
}否则{
$（this.find（“.fa”）.hide（）；
}
})
})
});
.package{
边框：1px实心#ccc；
利润率：10px；
填充：10px；
}

排序方式：
名称
离开
困难
北极光


5班可用班次


容易的
蓝色泻湖游泳


15个航班可用


中庸的
登山


8个航班可用


具有挑战性的
只需在按钮中添加一个属性：

数据顺序=“asc”或数据顺序=“desc”


$（函数（）{
var options={valueNames:['name'，'date'，'decoverity']}；
var userList=新列表（“搜索结果”，选项）；
});
.package{
边框：1px实心#ccc；
利润率：10px；
填充：10px；
}

排序方式：
名称↑
名称↓
离开↑
离开↓
困难↑
困难↓
北极光


5班可用班次


容易的
蓝色泻湖游泳


15个航班可用


中庸的
登山


8个航班可用


具有挑战性的
哇，超级简单。非常感谢。