I'm wondering how I can show multiple divs after a user clicks on an img link with div "importantImg" below using jquery (importantImg isn't below but is in my program). The problem is that this is just one snippet of the entire page that also has divs, so I don't want to make my select be "div," I just want to interact with these 4 specific divs and show them all, including their html content. Here's the html that contains the 5 divs:
Code:<div id="divLayer1"> <div id="divLayer2" class="alertPod"> <img src="<%= Page.ResolveUrl("~/{0}/_res/_images/icon_alertMessage.png", PBS.Cms.Settings.PBSFolderName) %>" /> </div> <div id = "divLayer3" class="msgPod"> <div id= "divLayer4" class="messageWrapper"> <h6>IMPORTANT ANNOUNCEMENT</h6> <div class="box"> <div id="divLayer5" class="viewport" style="overflow: auto; height: 48px;" runat="server"> <p> <%--id= "importantMessage">--%> <asp:Literal ID="ltimportantannouncementTitle" runat="server"></asp:Literal> <br /> <asp:Literal ID="ltimportantannouncementSummary" runat="server"> </asp:Literal> </p> </div> </div> </div> <a href="#" ><img id="alertCloseBtn" src="<%= Page.ResolveUrl("~/ {0}/_res/_images/button_alertMsgClose.png", PBS.Cms.Settings.PBSFolderName) %>" /> </a>


Reply With Quote

Bookmarks