优化显示/隐藏来自不同来源的多个div

Question

我正在尝试使用四个按钮（在Divi Builder上称为blurbs），当我点击其中任何一个时，它会显示一个特定的部分（div）并隐藏其他三个部分，以便只显示一个部分一段时间。

这就是我目前所拥有的：

for($i = 1; $i <= 12; $i++)
{
    if($i<10)
        ${"m_0$i"} = $i;
    else
        ${"m_$i"} = $i;
}

它没有得到很好的优化，但它确实有效，Chrome上的Inspect面板中没有出现任何错误。

你们对如何优化它有什么建议吗？

谢谢，

理查德

Answer 1

如果您想要显示并隐藏一个div，您可以在菜单点击事件中添加一个属性，其名称与divs id相同，并为所有div添加一个相同的类，以便同时隐藏每个div。

请尝试以下：

annotate(geom="text",x=...,y=...,label="your text")

$(".menu").click(function(){
  $(".tab").hide();
  $("#"+ $(this).attr("data-div") ).show();
});

.menu{
  cursor:pointer;  
}