僅當顯示按鈕B時才顯示按鈕-A

Question

我試圖在顯示其他按鈕時使用jQuery顯示按鈕。但我不是一個jQuery專家。所以我想知道是否有人能幫助我解決這個問題？

我有2個按鈕：

• 按鈕ent-step
• 按鈕del-step

我想要做的是隻顯示按鈕ent-step當按鈕del-step在屏幕上。通常情況下這個按鈕del-step隱藏與這個JavaScript：

function showDellocation($this) { 
    var dataLocation = $this.attr("data-location"); 
     $(".del-step[data-location='" + dataLocation + "']").show(); 
     $(".add-step[data-location='" + dataLocation + "']").addClass("blur"); 
    } 
function hideDellocation($this) { 
    var dataLocation = $this.attr("data-location"); 
     $this.hide(); 
     $(".add-step[data-location='" + dataLocation + "']").removeClass("blur"); 
} 

按鈕ent-step是阿賈克斯稱爲其他PHP文件：

<table class="item-buttons"> 
    <tr> 
     <td style="width:150px;">&nbsp;</td> 
     <td style="width:150px;"> 
      <a href="example.com/step" value="Ent"> 
       <button class="ent-step">Entertainment&nbsp; 
        <i class="fa fa-angle-double-right" aria-hidden="true">/i> 
       </button> 
      </a> 
     </td> 
    </tr> 
</table> 

我可以使用blur類來激活這個選項？例如：

jQuery(document).ready(function($) { 
    if ($(this).hasClass('blur')) { 
     $('.ent-step').addClass('clickable'); 
    } 

然後使用CSS風格的按鈕？ 或者這不是正確的方法嗎？

Answer 1

您可以顯示隱藏的基礎上.add-step

if ($('.add-step').hasClass('blur')) { 
    $('.ent-step').show(); 
} 

class當你都躲在.add-step隱藏.ent-step按鈕以及

function hideDellocation($this) { 
    var dataLocation = $this.attr("data-location"); 
    $this.hide(); 
    $(".add-step[data-location='" + dataLocation + "']").removeClass("blur"); 
    $('.ent-step').hide(); 
}