Jquery 我可以将这两个功能合并为一个吗

我可以将这两个jQuery函数合并为一个吗？他们有相同的选择器，看起来可以缩短或简化。我刚开始学习jquery，所以不知道怎么做。有人能帮忙吗？谢谢

$（函数（）{
$（“.button”）。单击（函数（）{
var box=$（this.find（“a”）.attr（“href”）；
返回false；
});
$（“.button”）。在（'click'，function（）上{
var-box=$（this.attr（'data-box'）；
$（'#'+box）.toggle（）；
});
});
.panel{宽度：80px；高度：25px；背景：棕褐色；显示：内联块；位置：绝对；
}
.面板页边距：0px 0px 10px 10px；
} 
.按钮{宽度：30px；高度：30px；背景：粉红色；显示：内联块；页边距底部：30px；
}
#框1{顶部：50px；左侧：20px；显示：无；}
#框2{顶部：50px；左侧：120px；显示：无；}
#框3{顶部：50px；左侧：220px；显示：无；}

A.
B
C
内容

内容

内容

我不明白为什么不能

  $(function(){
      $(".button").click(function(){
     var box=$(this).find("a").attr("href"); 

     var box=$(this).attr('data-box');
      $('#'+box).toggle();

     return false;
   });
 });

只需确保将
return false
移到末尾。
我不确定这个问题是否正确，但我想你的答案是

$(function(){
      $(".button").click(function(){
     var box=$(this).find("a").attr("href"); 

var box1=$(this).attr('data-box');
      $('#'+box1).toggle();
     return false;
});

我不确定第一个变量应该做什么（它从未被使用），但我还是把它放在那里了。
您的html中没有任何锚，因此在我看来，您的第一个函数似乎不需要，因此我建议的代码是：

$(function() {
    $(".button").on('click',function(){
        var box=$(this).attr('data-box');
        $('#'+box).toggle();

    });
});

你不认为
返回的是假的吗
将跳过较低的代码部分？第一个不做任何事情，它应该做什么？@charlietfl first-one用于使div可单击。很抱歉，这没有意义。不知道是什么
使div可点击
意味着什么，在我阅读了Lajos Arpad的答案后，我明白我不必添加第一个函数。我认为div没有按钮功能，所以需要一个按钮来运行它-_-
$(function() {
    $(".button").on('click',function(){
        var box=$(this).attr('data-box');
        $('#'+box).toggle();

    });
});