Javascript jQuery中的一个简单字典列表

我需要一些帮助。我是jQuery的noob，我尝试创建一个字典列表

但我的问题是，每个定义必须显示在他自己的一行3个单词（桌面）、2个单词（平板电脑）和他自己的单词（手风琴系统）下。一次必须显示一个定义。我想在单击单词时切换定义

Wordpress将用于添加单词，因此列表必须是动态的

这是我的不完全测试：

我不知道我必须写些什么才能在一行3个单词下显示每个定义。能帮我点忙吗？先谢谢你

桌面版

手机版

---

您可以使用媒体查询，媒体查询会根据屏幕宽度等条件更改CSS规则

例如，以下宽度规则不适用于宽度大于480px的屏幕：

@media screen and (max-width: 480px) {
  body {
    width: 100%;
  }
}

@media screen and (max-width: 769px) {
  body {
    width: 33%;
  }
}

以下宽度规则不适用于宽度大于769px的屏幕：

@media screen and (max-width: 480px) {
  body {
    width: 100%;
  }
}

@media screen and (max-width: 769px) {
  body {
    width: 33%;
  }
}

您可以根据需要进行尽可能多的媒体查询

---

有关媒体查询的更多信息，请参见查看您的html结构，我认为它不适合您的用例。@Ji_in_coding，我可以使用什么结构来代替？事实上，我的问题不在于如何进行响应。但要在每行3个单词下显示定义。