Home/ Questions/Q 7636697
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T07:44:59+00:00

$(document).ready(function(){ $(‘.views-field-nothing’).click(function(){ $(this).parent().find(‘.comments-toggle’).slideToggle(fast); $(‘.comments-toggle:contains(‘Anonimo’)’).css(display, none); }); }); at first it must show the comment

  • 0
$(document).ready(function(){
    $('.views-field-nothing').click(function(){
        $(this).parent().find('.comments-toggle').slideToggle("fast");
        $('.comments-toggle:contains('Anonimo')').css("display", "none");    
    });   
});

at first it must show the comment field clicking on View-field-nothing (slideToggle) then if it find “Anonimo” it should replace the slideToggle -> Display:block; with a Display:none.. 

<div class="views-row">
    <div class="views-field-nothing">
        <span class="field-content">
            <span class="comments">COMMENTI</span>
        </span>
    </div>
    <div class="views-field-name">
        <span class="field-content">
            <span class="comments-toggle">Anonimo</span>
        </span>
    </div>
</div> 

<div class="views-row">
    <div class="views-field-nothing">
        <span class="field-content">
            <span class="comments">COMMENTI</span>
        </span>
    </div>
    <div class="views-field-name">
        <span class="field-content">
            <span class="comments-toggle">Utente A</span>
        </span>
    </div>
</div>

once you click the second “Commenti” that is is in the “view-field-nothing” div the function .slideToggle() must write a display:block; in the html, like down here

 <div class="views-row">
   <div class="views-field-nothing">
      <span class="field-content">
          <span class="comments">COMMENTI</span>
      </span>
 </div>
 <div class="views-field-name">
    <span class="field-content">
        <span class="comments-toggle">Anonimo</span>
    </span>
 </div>
</div> 

<div class="views-row">
 <div class="views-field-nothing">
     <span class="field-content">
         <span class="comments">COMMENTI</span>
     </span>
</div>
<div class="views-field-name">
    <span class="field-content">
        <span class="comments-toggle" display:block;>Utente A</span>
     </span>
 </div>
</div>

if i click the first “COMMENTI” it should find the “Anonimo” string in the span and write at the end of the span a display:none;

 <div class="views-row">
   <div class="views-field-nothing">
      <span class="field-content">
          <span class="comments">COMMENTI</span>
      </span>
 </div>
 <div class="views-field-name">
    <span class="field-content">
        <span class="comments-toggle" style="display:none;">Anonimo</span>
    </span>
 </div>
</div> 

<div class="views-row">
 <div class="views-field-nothing">
     <span class="field-content">
         <span class="comments">COMMENTI</span>
     </span>
</div>
<div class="views-field-name">
    <span class="field-content">
        <span class="comments-toggle" style="display:block;">Utente A</span>
     </span>
 </div>
</div>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    EDIT: Here’s an updated script based on your updated question. It is possible to hide all the Anonimo spans initially and then check for using the slide animations on those that don’t contain the Anonimo:

    $(document).ready(function(){
    $(".comments-toggle:contains('Anonimo')").hide();
    $('.views-field-nothing').click(function(){
        var field = $(this).siblings('.views-field-name').find('.comments-toggle');
        if (field.text() != 'Anonimo')
            field.slideToggle("fast");
    });   
});

    Here’s the modified jsFiddle: http://jsfiddle.net/3mbMA/6/

    • 0