Помогите с JQuery и передачей переменных в функцию show / hide - PullRequest
Новая
       6

Помогите с JQuery и передачей переменных в функцию show / hide

0 голосов
/ 04 августа 2011

У меня есть простой скрипт jquery для показа / скрытия, который прекрасно работает сам по себе. Проблема в том, что я использую его в разделе комментариев на php / mysql-управляемом сайте.

Я пытаюсь передать переменную id комментария в скрипт jquery, чтобы функция show / hide работала для каждого комментария независимо.

Я новичок в jquery и javascript, поэтому заранее спасибо за ваши объяснения.

Javacript 

<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){

    $('p.1').hide();    
    $('a.1').click(function(){

        $('a#read_more').hide(1700);
        $('p.1').slideDown(1500);   

        $('a#read_less').click(function(){

            $('p.1').slideUp(1500);
            $('a#read_more').show(1700);    

        });

    });         
});
</script>

HTML 

<a href="#" class="1" id="read_more">Read More</a>
<p class="1" id="1">
LOREM IPSUM DOLOR SIT AMET, CONSECTETUER ADIPISCING ELIT, SED DIAM NONUMMY NIBH      UISMOD TINCIDUNT UT LAOREET DOLORE MAGNA ALIQUAM ERAT VOLUTPAT. UT WISI ENIM AD MINIM VENIAM, QUIS NOSTRUD EXERCI TATION ULLAMCORPER SUSCIPIT LOBORTIS NISL UT ALIQUIP EX EA COMMODO CONSEQUAT. DUIS AUTEM VEL EUM IRIURE DOLOR IN HENDRERIT IN VULPUTATE VELIT ESSE MOLESTIE CONSEQUAT, VEL ILLUM DOLORE EU FEUGIAT .<br />
    <a href="#" class="1" id="read_less">Read Less</a>
    </p>

1 Ответ

3 голосов
/ 04 августа 2011

Будет ли что-то вроде работать ?Он не получает id комментария, но он специально нацелен на каждый комментарий индивидуально. 

$(document).ready(function(){
    $('li.comment p.cText').hide();    
    $('li.comment a.read_more').click(function(){

        $(this).hide(1700);
        $(this).next("p").slideDown(1500);   

        $('li.comment a.read_less').click(function(){

            $(this).parent("p").slideUp(1500);
            $(this).parent("p").prev("a").show(1700);    

        });

    });         
});
...