下拉式查詢

-1

我需要關於這個javascript的幫助，以允許以下內容開始隱藏並點擊按鈕顯示信息。請幫忙！下拉式查詢

$(document).ready(function(){ 
    /* show or hide gadget */ 
    $('a[rel="hide_block"]').click(function(){ 
     if ($(this).parent('div').parent('div').children('div.java_content').css('height')=='auto') { 
      $(this).css('background-image','url(images/gadget_dropdown.jpg)'); 
     } else { 
      $(this).css('background-image','url(images/gadget_dropup.jpg)'); 
     } 
     $(this).parent('div').parent('div').children('div.java_content').slideToggle(); 
     return false; 
    });

來源

2012-05-08 Michael Petridis

你能告訴我們你的標記？ – Sampson

'==='+問題是什麼？ – Louis

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() {    
      $('a[rel="hide_block"]').click(function (e) { 
       e.preventDefault(); 

       var objJavaContent = $(this).parents('div.MainParent').find('div.java_content'); 
       $(this).addClass(objJavaContent.css('height') == 'auto' ? 'gadget_dropdown' : 'gadget_dropup'); 
       objJavaContent.slideToggle(); 
      }); 
     }); 
    </script> 
    <style type="text/css"> 
     .gadget-dropdown 
     { 
      background-color: Red; 
     } 

     .gadget_dropup 
     { 
      background-color: Yellow; 
     } 
    </style> 
</head> 
<body> 
    <div class="MainParent"> 
     <div class="java_content" style="display: none;"> 
      test test test test test test test test test test test test test test test test 
      test test test test test test test test test test test test test test test test 
      test test test test test test test test test test test test test test test test 
      test test test test 
     </div> 
     <div> 
      <a rel="hide_block">Show/Hide</a> 
     </div> 
    </div> 
</body> 
</html>

來源

2012-05-09 07:15:13 Thulasiram

現場演示請參閱此鏈接：http://jsfiddle.net/nanoquantumtech/ka3ud/ – Thulasiram

@Michael Petridis：這是你的期待？ – Thulasiram

由於某種原因，我不能得到這個工作，我什至嘗試只是做一個空白的HTML表，仍然沒有？ –

回答

相關問題