要使切换功能特定于用户在store-detail-link元素上的单击，需要修改jQuery代码。下面是一个更新的版本，应该可以实现所需的行为：

$('.store-detail-link').click(function(e) {
    e.preventDefault(); // Prevent the default link behavior

    var $target = $(this).next('.test'); // Find the corresponding p tag

    $target.toggle(); // Toggle the visibility of the p tag
});

<div>
    <a class="store-detail-link" href="${URLUtils.url('Stores-Details', 'storeID', store.ID)}">
        Details
    </a>
    <p class="${store.ID} test"></p>
</div>

每个元素的id在这里无关紧要。应该尽可能避免使用ID，因为它们的使用会产生脆弱的代码，无法很好地扩展。相反，以一种更相对的方式引用元素。也就是说，根据某些内容在DOM结构中的位置来查找元素。
请参见内联注解。

// Set up one event handler that is an ancestor of all the possibly clicked elements
// and let the event bubble up to it from whichever element within 
// it that was clicked.
document.getElementById("wrapper").addEventListener("click", function(event){
  event.preventDefault();
  
  // Check to see if the event was triggered by an element we care to handle.
  if(event.target.classList.contains("store-detail-link")){
    // Reference the <p> that comes after the clicked <a>
    $(event.target).next("p").toggle();
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="wrapper">
  <div>
    <a class="store-detail-link" href="${URLUtils.url('Stores-Details', 'storeID', store.ID)}">
        Details 1
    </a>
    <p class="${store.ID} test">Show/Hide 1</p>
  </div>
  <div>
    <a class="store-detail-link" href="${URLUtils.url('Stores-Details', 'storeID', store.ID)}">
        Details 2
    </a>
    <p class="${store.ID} test">Show/Hide 2</p>
  </div>
  <div>
    <a class="store-detail-link" href="${URLUtils.url('Stores-Details', 'storeID', store.ID)}">
        Details 3
    </a>
    <p class="${store.ID} test">Show/Hide 3</p>
  </div>  
</div>