單擊以顯示電話號碼並單擊以撥打電話

Question

我需要創建功能：

1）點擊顯示隱藏的html（電話號碼）

2) 顯示手機號碼后必須是可點擊的，以便我們可以通過手機撥打

這是我的代碼：

<div class="category-list-title">
  <h5>
   <a href="javascript:void(0)" class="number" data-last="<?php echo get_post_meta($pid, '_carspot_poster_contact', true ); ?>">
    <span><?php echo esc_html__('Click to View', 'carspot' ); ?>
    </span>
   </a>
  </h5>
</div>

Answer 1

您只需要 php 即可獲取數據，在本例中為電話號碼。

所以這不是一個 php 問題，而是一個 html 和 javascript ......

所以，這是一個例子：

HTML：

<div class="category-list-title">
<a id="show" href="#" onclick="show();">View phone</a><br>
<!-- Similar to mailto you tel in html this will allow you to make a call directly -->
<a id="phone" href="tel:555-555-5555">555-555-5555</a>
</div>

CSS：

#phone {
  display: none;
}

JavaScript：

document.getElementById("show").onclick = function() {show()};

function show() {
  document.getElementById("phone").style.display="block";
}

或 jQuery：

$('#show').click(function(){$('#phone').show();});

示例的 JSFiddle： https ://jsfiddle.net/bm93s2Lc/2/