誰かがこれを行う方法を知っていることを願っています...クリックした画像/アイコンに応じて表示/非表示を機能させたいと思います。
たとえば、リクエスト アイコンをクリックすると、カラーボックス ポップアップにリクエストと div が表示されますOffered
。一方、Accepted アイコンをクリックすると、カラーボックス ポップアップに Accepted とOffered
Div が表示されますが、Div は非表示になりますRequest
。
PHP の一部を次に示します。
<div <?php if($_GET['status']=="Requested"){ echo "class=iconActive";}else {echo "class=iconInactive";}?>>
<a href="/index.php/agent-appointment-request-list/?status=Requested">
<img src="components/com_agent/images/requestedIcon_s1.png" id="requestedIcon" alt="" /></a>
<div class="iconTitle">Requested</div>
</div>
私が持っている表示/非表示のjqueryは次のとおりです。
$(".slidingDivReq").show();
$("#show_hideReq").show();
$('#show_hideReq').click(function(){
$(".slidingDivReq").slideToggle();
});
更新: 表示/非表示になるコンテンツのセクションは次のとおりです。:
<div class="AppointmentTitleFirst">
<img src="components/com_agent/images/req_appt_title_s1.png" class="ApptIcon"></img>
<h1>Requested Appointment # <?php echo $this->appointment->id;?> Status:<?php echo $this->appointment->status_name;?></h1>
<img src="components/com_agent/images/dropdown_arrow_s1.png" class="ApptDropDownArrow1" id="show_hideReq"></img>
</div>
<div class="clearFloat"></div>
<div id="requestedAppointmentContent" class="slidingDivReq">
Content here....
</div>
GET['status']
の使用方法と表示/非表示での使用方法がわかりません。したがって、 の場合、GET['status'] == Requested
は にshow_hideReq
なりますが.show()
、カラーボックス内の他の div は使用します.hide();
(他のいくつかの div を必要とするページでない限り.show()
)
うまくいけば、誰かが知っているでしょう。