Question

现在，如果您点击链接＆＃34; Button1＆＃34;或＆＃34; Button2＆＃34;它始终显示＆＃34; First Block＆＃34;用＆＃34;第二块＆＃34;或＆＃34;第三块＆＃34;。但是当您再次单击链接时，将隐藏第二个或第三个块，但仍会显示第一个块。如果通过单击隐藏其他块，我需要删除第一个块。只有在显示另一个块时才应显示第一个块。

并链接＆＃34;全部显示＆＃34;应改为＆＃34;全部隐藏＆＃34;如果所有块都显示并更改为＆＃34;显示全部＆＃34;如果没有显示块。块数量将超过三个。

JAVASCRIPT

 <script type="text/javascript">    
$(document).ready(function(){
var visibleText="Hide all";
var hiddenText="Show all";
$('a#showall').toggle( 
    function() { 
        $('#eventDescriptions>div').slideDown(); 
        $(this).html(visibleText);
    }, 
    function() { 
        $('#eventDescriptions>div').slideUp(); 
        $(this).html(hiddenText);
    } 
);
  $('#eventDescriptions>div').hide();
  $('#eventTitles a').click(function(){
    var target = $(this).attr("rel");
    $(target).slideToggle('slow');
    $('#showalways').show();
  });
});
</script>

HTML

a href="#" id="showall">Show all</a>

<ul id="eventTitles">

    <li><a href="#" id="button1" rel="#divblock1">Button1</a></li>
    <li><a href="#" id="button2" rel="#divblock2">Button2</a></li>
</ul>
<div id="eventDescriptions">
  <div id="showalways">First Block</div>
  <div id="divblock1">Second Block</div>
  <div id="divblock2">Third Block</div>
</div>

Answer 1

将隐藏事件添加到divblock1和divblock2

你在哪里

检查是否还隐藏了另一个divblock并添加：

 $('#showalways').hide();

以及divblock1和divblock2的show事件：

 $('#showalways').show();

Jquery显示/隐藏多重问题

1 个答案: