javascript - 2 つの jQuery 関数を組み合わせる new

Question

jqueryの2つのスクリプトを組み合わせるのを手伝ってください。現時点では、それらは互いに互換性がありません。二人を仲良くするにはどうしたらいいでしょうか。

Jクエリ:

<script>
function edit_product() {
var id = $('.DIVY.panel3').attr('id');
alert (id);
</script>

<script>
  $(function(){

    $('.DIVY').click(function(){
        $('.DIVY.panel3').removeClass('panel3').addClass('panel2'); 
        $(this).removeClass('panel2').addClass('panel3'); 
    })
})
</script>

html:

<div id="1" class="DIVY panel2" >click me please!</div>
<div id="2" class="DIVY panel2" >click me please!</div>
<div id="3" class="DIVY panel3" >click me please!</div>
<div id="4" class="DIVY panel2" >click me please!</div>

<div ><a href="#" onclick="edit_product()">Check ID</a></div>

視覚化を改善するために、このコードをMy_jsfiddle
に追加し ました。