Very cool. This is what I have now but it only hides the first div
containing the RelStatus value = 'Retired'
<script type="text/javascript">
$(document).ready(function() {
$("#chkIncludeRetired").click(function() {
$('#table1.RelStatus').each(function() {
var RelStatusValue = $(this).text();
if (RelStatusValue == 'Retired') {
$(this).parents("div").toggle();
}
})
});
});
</script>
On Jul 23, 10:47 am, Liam Potter <radioactiv...@gmail.com> wrote:
> $("span a").click(function(){
> var checkValue = $(this).parents("div").attr("value");
>
> if (checkValue == 'Retired'){
> $(this).parents("div").toggle();
> }
> return false;
>
> });
>
> You will see the parents function, this allows you to traverse up the dom.
>
>
>
> evanbu...@gmail.com wrote:
> > Right, but how do I associate the span tag which contains the value =
> > 'Retired' with the div that contains it? In other words, I need to
> > toggle the contents of the entire div and not just the span tag.
> > Thanks.
>
> > On Jul 23, 7:41 am, Liam Potter <radioactiv...@gmail.com> wrote:
>
> >> use an if statement, "if value == retired, do this"
>
> >> evanbu...@gmail.com wrote:
>
> >>> Hi
>
> >>> I'm not sure how to approach this. I want to toggle each div with a
> >>> checkbox or hyperlink which shows/hides every div where the RelStatus
> >>> value = 'retired'. I'm able to see the value of each RelStatus value
> >>> using the code below. The id of each div and the RelStatus value of
> >>> each span is set server-side. Thanks
>
> >>> <script type="text/javascript">
> >>> $(document).ready(function() {
> >>> $('#table1 .RelStatus').each(function() {
> >>> alert($(this).text());
> >>> });
> >>> });
> >>> </script>
>
> >>> <div id="<%# Eval("id_individual") %>" class="IndividualDirectors">
> >>> <span class="RelStatus" id="RelStatus"><asp:Label
> >>> ID="lblRelStatus" Text='<%# Eval("RelStatus") %>' Runat="Server"/></
> >>> span><br />
> >>> </div>- Hide quoted text -
>
> >> - Show quoted text -- Hide quoted text -
>
> - Show quoted text -
