<div id="menu_main"> <div id="place" class="button_search" onclick="place_search();menu_button()"> <img src="../static/images/place_1.svg" class="bacgraund-img icon" alt="景点"> <span class="text_10">景点</span> <div id="line_place" class="line"></div> </div> <div id="person" class="button_search" onclick="place_search();menu_button()"> <img src="../static/images/person_1.svg" class="bacgraund-img icon" alt="人物"> <span class="text_10">人物</span> <div id="line_person" class="line"></div> </div> <div id="event" class="button_search" onclick="place_search();menu_button()"> <img src="../static/images/event_1.svg" class="bacgraund-img icon" alt="事件"> <span class="text_10">事件</span> <div id="line_event" class="line"></div> </div> </div>根据上述代码，写一个js函数menu_button,使得点击后该div中line的display=flex，其他div的display=none

您可以编写一个名为 `menu_button` 的 JavaScript 函数，以实现点击按钮时更改相应元素的 `display` 属性。

function menu_button() {
  var place = document.getElementById("place");
  var person = document.getElementById("person");
  var event = document.getElementById("event");
  
  var line_place = document.getElementById("line_place");
  var line_person = document.getElementById("line_person");
  var line_event = document.getElementById("line_event");
  
  line_place.style.display = "flex";
  line_person.style.display = "none";
  line_event.style.display = "none";
}

在上述代码中，我们首先通过 `getElementById` 方法获取到相应的元素。然后，我们根据需求使用 `style.display` 来更改元素的 `display` 属性。

在这个例子中，当点击 `place` 按钮时，`line_place` 的 `display` 属性被设置为 `"flex"`，而 `line_person` 和 `line_event` 的 `display` 属性被设置为 `"none"`，从而实现了只显示 `line_place` 的效果。

您可以在其他按钮的点击事件中使用类似的逻辑，根据需求来更改相应元素的 `display` 属性。