Mensaje dentro de AJAX y javascript

Responder 
#1 - 15/09/2010 14:12:23 Reporta abuso | Link Permanente
dsiso
Fecha de registro: 02/02/2009
0 post en este tema
1 post en ajax y javascript
1 post en todos los foros
Jquery y ListView

Responder Citar

Hola!

Tengo el siguiente problema: tengo un listView en una página de contenido y quiero que cada uno de sus elementos (noticias) tengan el efecto "slideToggle" al pinchar en un enlace de cada elemento. Quiero que el efecto sea sobre cada elemento individual. La primera vez que pincho sobre los enlaces no hay ningun problema, pero la segunda vez que lo intento hacer el enlace desaparece pero no aparece la segunda parte de la noticia, es decir, solo funciona la primera vez.

<script type="text/javascript"> 
       
        $(document).ready(function(){
            $(".newsItem2").hide();
            $(".newsItem a").click(function(event) { 
                event.preventDefault();
                $(this).hide(); 
                //$(this).parent().parent().siblings(".newsItem2").slideToggle();
                $(this).parent().parent().parent().find("div.newsItem2").slideToggle();
            });
             
            $(".newsItem2 a").click(function(event) { 
                event.preventDefault(); 
                $(this).parent().slideUp();
                $(this).parent().parent().siblings(".newsItem").children("p").find("a").show();
            });
        }); 
       
 </script>



<asp:ListView ID="ListView1" runat="server" OnItemDataBound="itemDataBound">
                <LayoutTemplate>
                    <asp:PlaceHolder ID="itemPlaceHolder" runat="server"></asp:PlaceHolder>
                </LayoutTemplate>
                <ItemTemplate>
                    <div class="news">
                        <div class="newsItem">
                            <asp:Image ID="imgLeft" runat="server" ImageUrl='<%# Eval("imageUrl") %>' />
                            <div class="newsTitle">
                                <%#Eval("title")%>
                            </div>
                            <div class="source">
                                <%#Eval("source")%>
                                -
                                <%#Eval("date","{0:d}")%></div>
                            <p>
                                <%--<%#Eval("description")%><asp:HyperLink ID="lnkNews" runat="server" NavigateUrl='<%# Eval("link")%>'
                                Text="[leer más]" />--%>
                                <%#Eval("description")%><asp:HyperLink ID="lnkNews" runat="server" NavigateUrl="#"
                                    Text="[leer más]" />
                            </p>
                        </div>
                        <div class="newsItem2">
                            <p>
                                 <%#Eval("description2")%><br /><%#Eval("link")%> <a href="#" class="close">[x]</a></p>
                        </div>
                        <div class="cleaner">
                        </div>
                    </div>
                    <hr width="80%" align="center" color="#f0f0f0" />
                </ItemTemplate>
</asp:ListView>


Se agradece cualquier ayuda.

Muchas gracias de antemano.
Volver arriba