Могу ли я объединить эти две функции jQuery в один? У них такой же селектор, и он выглядит как сокращенный или упрощенный. Я просто начинаю изучать jquery, поэтому не знаю, как это сделать. Может кто-то помочь? БлагодаряМогу ли я объединить эти две функции в один
$(function(){
\t $(".button").click(function(){
var box=$(this).find("a").attr("href");
\t
return false;
});
$(".button").on('click',function(){
\t var box=$(this).attr('data-box');
\t $('#'+box).toggle();
\t
});
});
.panel{ width: 80px;height: 25px; background: tan; display: inline-block;position:absolute;
\t }
.panel p{ margin: 0px 0px 10px 10px;
\t }
.button{ width: 30px;height: 30px; background: pink; display: inline-block; margin-bottom: 30px;
\t }
#box1 {top:50px;left:20px; display: none;}
#box2 {top:50px;left:120px;display: none;}
#box3 {top:50px;left:220px;display: none;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="button" data-box="box1" >A
</div>
<div class="button" data-box="box2"> B
</div>
<div class="button" data-box="box3"> C
</div>
<div id="nav">
\t <div id="box1" class="panel ">
\t \t <p>content</p>
\t </div>
\t <div id="box2" class="panel ">
\t \t <p>content</p>
\t </div>
\t <div id="box3" class="panel">
\t \t <p>content</p>
\t </div>
</div>
первый один не делает ничего, что он, как ожидается, делать? – charlietfl
@ charlietfl first one для того, чтобы сделать div clickable. –
Прошу прощения, но это не имеет смысла. Не знаю, что означает 'make div clickable' означает – charlietfl