如何使用多个url参数来显示/隐藏多个div

问题描述 投票:2回答:1

希望找到一种方法来让多个URL参数显示某些产品的特定div,同时隐藏所有其他产品div。

例如:

website.com/?product=widget1,widget3,widget4

要么

website.com/?product=widget1&product=widget3&product=widget4

以上将显示与这3个参数中的每一个相关联的3个div并隐藏所有其他参数。见下文。

<div class="widget1 product-selector">Widget1</div> SHOW

<div class="widget2 product-selector">Widget2</div> HIDE

<div class="widget3 product-selector">Widget3</div> SHOW

<div class="widget4 product-selector">Widget4</div> SHOW

<div class="widget5 product-selector">Widget5</div> HIDE

以下站点上的示例实现了类似,但它只允许单个URL参数:http://jennamolby.com/how-to-display-dynamic-content-on-a-page-using-url-parameters/

感谢任何解决方案,以帮助我实现这一目标。谢谢

javascript php css wordpress url-parameters
1个回答
© www.soinside.com 2019 - 2024. All rights reserved.