0

新しいウェブサイト - mollycampbelldesign.com を立ち上げました

まだモバイル ユーザーには対応していませんが、サイトを立ち上げて先に進むことにしました。これまでのところ唯一の問題は、左上の電話アイコンです。現在、電話アイコンをクリックすることによってのみ電話番号を切り替えることができます。これを行ったのは、モバイル ユーザーがボックスをスライドさせずに # 電話をクリックできるようにするためです。ただし、デスクトップで表示している場合は、数字ボックス全体をクリックして非表示にできると便利です。モバイル ユーザーに 1 つのコード セットを取得させ、デスクトップ ユーザーに別のコード セットを取得させる方法はありますか?

HTML コード:

<div class="call-button"><p>Call Now: <a href="tel:8013827471">801-382-7471</a></p> <img src="/wp-content/themes/boilerplate/images/phone.gif" alt="Call Now"/></div>

JS コード:

$(document).ready(function() {
$(".call-button img").toggle(
   function() {
     $(".call-button").animate({ left: "0" }, 1000 );}, 
   function() { 
    $(".call-button").animate({ left: "-225px" }, 1000 );
  });
});
4

1 に答える 1